Topics

Graphics and pictures on a web site


Kevin Meyers <kevinmeyers@...>
 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Rick Mladek
 

Hi Kevin,

 

Regarding the description of the graphics/images, alt text is your best bet to keep the page neat an uncluttered. Jaws will read all you put in and those that can see, they’ll see the graphic and know what to do visually…

 

Brief explanations may cause confusion, if to explain the link, a middle of the road amount will be beneficial other than more info. Ex: graphic of  a more link. The alt text can say more but that tells us nothing, even for those sighted. If the graphic and alt text were to have something as, read more about common jobs for those vision impaired or blind. Then the visitor would not get frustrated searching a website longer than necessary. We all have experienced this haven’t we?

 

 

 

From: main@jfw.groups.io [mailto:main@jfw.groups.io] On Behalf Of Kevin Meyers
Sent: Thursday, May 2, 2019 10:19 AM
To: jfw@groups.io
Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Jaffar Sidek
 

Hi.  For web accessibility, it is important to take a balanced approach.  Don't make accessibility as a must do thingy, it must be a priority.  At the same time, having a page that is too  verbose in it's description can be a source of distraction.  An image is good for banner description, or a link that deserves highlighting, or a point that is worth stressing, but not every image needs a description in my opinion because your visitors are more keen to get to the meat of your web site.s content.  Cheers!

On 5/2/2019 10:18 PM, Kevin Meyers wrote:

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Zel Iscel
 

Hi Kevin,

 

Below are my preferences. Hope this helps.

 

Cheers

Zel

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Kevin Meyers
Sent: Thursday, 2 May 2019 10:19 PM
To: jfw@groups.io
Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

I’d like to know that the link is presented in a graphic, what the link does and possibly, a brief desdviption under the link of what the graphic is. What are those graphics around the link anyway? Is it the title of a link presented as an image, is it a logo or an actual picture? Ok, it’s not the most important thing in the world to know, but it will give us information that everyone else gets.

 

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

I’d prefer the screen reader saying graphic and then the text explaining the picture. I’m nosey so I’d like to know how the site is decorated. It may be good to state that it’s a decoration too because it may not be so obvious for those of us who’ve never had any sight.

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

I’d put a link for more details if necessary but I’d use it wisely. I think it would be useful for complex images like diagrams, maps, etc.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

Can’t help you there but I understand that the emphasis is on colour contrasts, not necessarily any particular colours.

 

If you have any other comments about problems you encounter on a web site let me know.

 

Forms AND CAPTCHAS ARE SOME OF MY BIGGEST HEADACHES.

 

Cheers,

 

Kevin Meyers

 


Marty Hutchings
 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.
Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.
I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.
Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13
 

Sent: Thursday, May 02, 2019 9:18 AM
Subject: Graphics and pictures on a web site
 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


David & his pack of dogs
 

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Richard Turner
 

Kevin,
As for colors, mainly you want to be sure there is a clear contrast between the words and the background.
Don't use dark gray on light gray. If possible, set up a way for people to adjust it on the fly for themselves.
I don't know the coding to do that.
Test your page in several browsers.
Label graphics that give meaningful information; like if a link is going to a PDF file, or what it is to.
If it is just a blue line to separate sections, I wouldn't tag it with anything but a blank tag.
If it is a logo, like Dave's, then you want to give it a useful tag.
HTH,
Richard


Check out my web site at: www.turner42.com

“The Hitch Hiker's Guide to the Galaxy has this to say on the subject of flying.  There is an art, it says, or rather, a knack to flying. The knack lies in learning how to throw yourself at the ground and miss." --Douglas Adams, from Life, The Universe and Everything, p.59


The most common way people give up their power is by thinking they don't have any." -- Alice Walker



On May 2, 2019, at 3:52 PM, David & his pack of dogs <myguidedogis@...> wrote:

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

From: Kevin Meyers

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Jaffar Sidek
 

Hi.  You might even consider the use of CSS or Cascading Style sheets.  These are documents that will allow you to determine the layout and look of your page, and you could do amazing things with them:  like hiding text from the sighted viewer, yet exposing those texts to screen readers.  Many web pages take this approach when implementing the "Skip to navigation" or "Skip to content" links.  This wold mean that while your web page is well described for your blind visitors, all those info considered unnecessary to the sighted would be hidden from them.  So they would see your images, while those images would have descriptions tagged and read out to the low vision or the blind without any apparent unnecessary clutter.  Contact me off list if you are interested to take this approach.  Cheers!

On 5/3/2019 6:52 AM, David & his pack of dogs wrote:

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

From: Kevin Meyers

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Richard Turner
 


Yes, CSS is great for setting up default fonts, margins, and more.
But, for alternative text on graphics, you can just use ält="" and put the text between the quotes within the image code.
HTH,
Richard
  

Check out my web site at: www.turner42.com

“The Hitch Hiker's Guide to the Galaxy has this to say on the subject of flying.  There is an art, it says, or rather, a knack to flying. The knack lies in learning how to throw yourself at the ground and miss." --Douglas Adams, from Life, The Universe and Everything, p.59


The most common way people give up their power is by thinking they don't have any." -- Alice Walker



On May 2, 2019, at 4:44 PM, Jaffar Sidek <jaffar.sidek10@...> wrote:

Hi.  You might even consider the use of CSS or Cascading Style sheets.  These are documents that will allow you to determine the layout and look of your page, and you could do amazing things with them:  like hiding text from the sighted viewer, yet exposing those texts to screen readers.  Many web pages take this approach when implementing the "Skip to navigation" or "Skip to content" links.  This wold mean that while your web page is well described for your blind visitors, all those info considered unnecessary to the sighted would be hidden from them.  So they would see your images, while those images would have descriptions tagged and read out to the low vision or the blind without any apparent unnecessary clutter.  Contact me off list if you are interested to take this approach.  Cheers!

On 5/3/2019 6:52 AM, David & his pack of dogs wrote:

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Jaffar Sidek
 

The Alt attribute still shows up the text on screen.  What I am saying is that you could hide the text of the alt attribute from sighted users with CSS and still expose it to screen readers.  Cheers!

On 5/3/2019 8:41 AM, Richard Turner wrote:

Yes, CSS is great for setting up default fonts, margins, and more.
But, for alternative text on graphics, you can just use ält="" and put the text between the quotes within the image code.
HTH,
Richard
  

Check out my web site at: www.turner42.com

“The Hitch Hiker's Guide to the Galaxy has this to say on the subject of flying.  There is an art, it says, or rather, a knack to flying. The knack lies in learning how to throw yourself at the ground and miss." --Douglas Adams, from Life, The Universe and Everything, p.59


The most common way people give up their power is by thinking they don't have any." -- Alice Walker



On May 2, 2019, at 4:44 PM, Jaffar Sidek <jaffar.sidek10@...> wrote:

Hi.  You might even consider the use of CSS or Cascading Style sheets.  These are documents that will allow you to determine the layout and look of your page, and you could do amazing things with them:  like hiding text from the sighted viewer, yet exposing those texts to screen readers.  Many web pages take this approach when implementing the "Skip to navigation" or "Skip to content" links.  This wold mean that while your web page is well described for your blind visitors, all those info considered unnecessary to the sighted would be hidden from them.  So they would see your images, while those images would have descriptions tagged and read out to the low vision or the blind without any apparent unnecessary clutter.  Contact me off list if you are interested to take this approach.  Cheers!

On 5/3/2019 6:52 AM, David & his pack of dogs wrote:

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers

 


Richard Turner
 

The alt attribute, when done correctly, does not show the text to sighted individuals, only screen readers.

For example:

<img src="eagle.jpg" align="middle" alt="an eagle flying over a gorge" width="200" height="200"> <ins class="HIGHLIGHT">The only limits are those of vision.</ins>

 

The above example is taken from my web site.  The image alt text says “an eagle flying over a gorge.” Which is a simple description of the picture of an eagle.

The text, an eagle flying over a gorge is not visible to anyone sighted.

The text, The only limits are those of vision.”  is visible as I intended it to be and is not part of the alt tag.

 

Richard

 

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Jaffar Sidek
Sent: Friday, May 3, 2019 12:08 AM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

The Alt attribute still shows up the text on screen.  What I am saying is that you could hide the text of the alt attribute from sighted users with CSS and still expose it to screen readers.  Cheers!

On 5/3/2019 8:41 AM, Richard Turner wrote:

 

Yes, CSS is great for setting up default fonts, margins, and more.

But, for alternative text on graphics, you can just use ält="" and put the text between the quotes within the image code.

HTH,

Richard

  

Check out my web site at: www.turner42.com

“The Hitch Hiker's Guide to the Galaxy has this to say on the subject of flying.  There is an art, it says, or rather, a knack to flying. The knack lies in learning how to throw yourself at the ground and miss." --Douglas Adams, from Life, The Universe and Everything, p.59

 

The most common way people give up their power is by thinking they don't have any." -- Alice Walker

 


On May 2, 2019, at 4:44 PM, Jaffar Sidek <jaffar.sidek10@...> wrote:

Hi.  You might even consider the use of CSS or Cascading Style sheets.  These are documents that will allow you to determine the layout and look of your page, and you could do amazing things with them:  like hiding text from the sighted viewer, yet exposing those texts to screen readers.  Many web pages take this approach when implementing the "Skip to navigation" or "Skip to content" links.  This wold mean that while your web page is well described for your blind visitors, all those info considered unnecessary to the sighted would be hidden from them.  So they would see your images, while those images would have descriptions tagged and read out to the low vision or the blind without any apparent unnecessary clutter.  Contact me off list if you are interested to take this approach.  Cheers!

On 5/3/2019 6:52 AM, David & his pack of dogs wrote:

Kevin, My business “The Diamond Touch Dog Rehabilitation Centre” is training problem dogs.  My logo is a picture of my former guide dog.  On my website thediamondtouchdog.ca I have my grad picture with him in it and a brief text for the screen reader users to describe the picture.  For me, nothing more annoying then when the screen reader just reads out graphic or link.  The screen reader users have no idea what the graphic is. I believe in 022 all websites in Canada must by law be accessible for the blind. The text is imbedded.  So both groups, the sighted and screen reader users are happy.    

 

From: main@jfw.groups.io <main@jfw.groups.io> On Behalf Of Marty Hutchings
Sent: May 2, 2019 1:54 PM
To: main@jfw.groups.io
Subject: Re: Graphics and pictures on a web site

 

Kevin,  It kind of depends on whether the graphic is for esthetics or to pretty up the page, or if it is supposed to represent a button or link.  A very brief description of the pictural would be nice in stead of just hearing, “Graphic.”  All buttons or links that are used to perform a vital function on the page must be labeled.

Another problem that I have noticed lately with control elements on web pages are combo boxes that do not say whatis in them when you hit Enter to open them.  I hear JAWS make the sound when forms mode is open, but when I press the down arrow, all I hear is krikets, not even “Blank.”  I found this recently on a page where I needed to fill in my address.  The State is usually handled with a combo box and you can enter the combo box and hit the first letter of your state and hear those states read, but this site did not work that way.

I am using Firefox, JAWS 18 on a Windows 7 machine.  By the way, I am only running with 3 gigs of ram and have not experienced any of the hangs and sluggishness that all of those on here with the latest of everything seem to be reporting.  I don’t upgrade anything until it just will not work anymore or MS stops supporting.

Love in Christ
Marty
For our struggle is not against flesh and blood, but against the rulers, against the powers, against the world forces of this darkness, against the spiritual forces of wickedness in the heavenly places.
Therefore, take up the full armor of God, so that you will be able to resist in the evil day, and having done everything, to stand firm.
Ephesians 6:12, 13

 

From: Kevin Meyers

Sent: Thursday, May 02, 2019 9:18 AM

Subject: Graphics and pictures on a web site

 

Hello, I’m taking a web development class. The final project is to create a detailed web site. AS a blind user I want to make this site as user friendly to screen readers. I have some scenarios below. Please provide me with feedback on what works for you.

 

Link has a graphic and there is no text. Would you prefer just the link, text and graphic? Or it doesn’t say there is a graphic and does say link and then text telling you the use of the link.

 

There is a picture used for decorative purposes. The screen reader recognizes the picture and says graphic. Sometimes there will be text and other times no text. Would you prefer the screen reader saying graphic and then the text explaining the picture? Or just the graphic? Or nothing at all?

 

When the graphics do have text do you like it to be very detailed? Or is it okay to just say something like “more information”? I say “more information as I have seen this many times.

 

Those that use something to in large the text, what colors work best for you when viewing a web site?

 

If you have any other comments about problems you encounter on a web site let me know.

 

Cheers,

 

Kevin Meyers