1. Nvda | Nvda
  2. Topics

nvda does not detect arial on web browser

farhan israk
 

Hello NVDA users,
I am using windows 10 22h2, nvda 2022.4, google chrome Version 109.0.5414.75 (Official Build) (64-bit)and Visual Studio Code version 1.73.1. I am learning html code. I have inserted a code attribute to show text in the Arial font.
When I press insert + f, nvda announces Times New Roman in spite of using the Arial font family. I heard from a jaws user that jaws detects the arial font but nvda does not detect. Please, fix this bug if this is really a bug. I have pasted the code for reference.
<html>
    <head>
        <title>
            paragraph
        </title>
    </head>
    <body>
        <p style=""color:blue;"" ""font-family:Arial;"">
        I am Fahim. I live in Bangladesh.
    </p>
       
        <p style=""color:blue;"" ""font-family:Arial;"">
    I am 24 years old. I completed BA.
</p>
    </body>
    </html>
Brian Vogel
 

Farhan,

I don't write HTML, but I notice that you have a double set of double quotes around each of the individual items in your style line, while if I look at page source for other pages there are only a single set of double quotes, one opening, one closing.  Yours is two opening, two closing.  Might that play in to this issue?
--

Brian - Virginia, USA - Windows 11 Pro, 64-Bit, Version 22H2, Build 22621; Office 2016, Version 16.0.15726.20188, 32-bit

It is much easier to be critical than to be correct.

       ~ Benjamin Disraeli, 1804-1881
Sascha Cowley
 

Farhan,

The problem here is not with NVDA, but with your HTML code. There are two problems:

First, you're using two double quotation marks to surround your attribute values, which is not valid. This is essentially telling the browser, "set the style attribute, but don't set it to anything".

The second problem is that the color and font-family attributes are both CSS attributes, and so should both be within that single style attribute.

The paragraph tag should be more like:

<p style="color:blue; font-family:Arial;">…</p>
farhan israk
 

Thank you. Yes, you were right. The problem was in my code. The problem has been resolved.


On Tue, Jan 24, 2023 at 3:55 AM Sascha Cowley via groups.io <sascha.camille=yahoo.com@groups.io> wrote:

Farhan,

The problem here is not with NVDA, but with your HTML code. There are two problems:

First, you're using two double quotation marks to surround your attribute values, which is not valid. This is essentially telling the browser, "set the style attribute, but don't set it to anything".

The second problem is that the color and font-family attributes are both CSS attributes, and so should both be within that single style attribute.

The paragraph tag should be more like:

<p style="color:blue; font-family:Arial;">…</p>

1 - 4 of 4