Questions tagged [accessibility]

Accessibility: the practice of making sites which function smoothly for users with a variety of disabilities, including blindness, deafness, and paralysis among others.

Filter by
Sorted by
Tagged with
1
vote
0answers
14 views

html5 - <figure> element position importance

I am an advanced developer stuck with a simple question. Is the position of a <figure> element on a webpage Important or not? And what are some good use-cases of the figure element? Generally, ...
2
votes
0answers
22 views

Would there be any SEO or accessibility repercussions for having a blog article title appear twice in the HTML markup but only once visually?

On pages where I display a single blog post, my HTML markup structure can be broken down into the following: <body> <header><h1>Site Header</h1></header> <...
3
votes
2answers
1k views

Are YouTube videos Web Content Accessibility Guidelines 2.0 compliant?

When embedding a YouTube video on a organisation's website, what is necessary to make this accessible and WCAG 2.0 AAA compliant? It's my understanding that closed captions (toggleable subtitles) are ...
3
votes
1answer
44 views

Is it better for SEO to use alt text or “screen reader only” text to describe an image that has text on it?

Whenever possible I try to turn images that have text on them into html/css to separate the textual content from the image for better responsiveness and SEO. However, sometimes this cannot be done as ...
20
votes
2answers
533 views

How can I see my website like a color blind person?

Is there some kind of plugin or service for any browser out there (Mac OS, Windows or Linux) that would let me see a website like a colorblind person would?
35
votes
9answers
581 views

What are the minimum steps that I should follow to ensure that my web site is accessible?

I am trying to follow a very important standard that I must admit I have ignored up until recently. I want to make sure that my pages are accessible to a large portion of people that have disabilities....
1
vote
1answer
56 views

What are current ADA standards / requirements on images?

I am wondering what ADA (American disabilities act not dental association) currently requires when it comes to images and other things not easily read by webpage "readers". I am currently trying to ...
2
votes
0answers
42 views

Understanding the web content accessibility guidelines (WCAG): alternative for audio sample of musical instrument?

Guideline 1.2.1 of WCAG says: Audio-only and Video-only (Prerecorded) (Level A) For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or ...
-1
votes
1answer
115 views

How to do an accessible and SEO-friendly image header?

given these two classes (which I've copied from bootstrap 4.1.3): .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-...
3
votes
2answers
83 views

Accessible web design

Not sure if this question is a good fit for this forum, if not maybe some moderators can move it to StackOverflow. Where should I be looking to make an accessible web site nowadays? I remember 10 ...
1
vote
2answers
97 views

How to emphasize and punctuate words within an 'alt' attribute?

Say, when you have a fair amount of text that you need to alt. (I realize it's best to pull it out of an image and into plain text, if possible ... but things aren't always ideal, unfortunately ... ...
2
votes
2answers
43 views

Testing my site for accessibility to readers

What are some quick and easy ways to determine if my web site is healthy or poor when it comes to accessibility to readers and other like devices? I don't have a reader, but need a way to test so ...
2
votes
2answers
595 views

Is it still recommended to only use relative font-size for accessibility?

I have read in the past that it is recommended to use only relative sized fonts in web pages of accessibility. Is this still the case? Using Bootsrap from IE7, for example, which uses body{ font-...
2
votes
1answer
601 views

Correct ALT text for Screenshot Images (Bulk)

We have a downloads library containing about 22,000 items (pages) and for each of the pages, there is a section of screenshots showing the download in action. Currently, we can't go through almost ...
1
vote
1answer
213 views

What is the alternative to using a “summary” attribute of an HTML table for screen readers?

Refer to the table attribute summary in MDN Usage Note: Do not use this attribute, as it has been deprecated. Instead, choose one of these methods to add a description of a table: Use prose ...
2
votes
1answer
213 views

Will text hidden except for screen readers be problematic for search engines?

I'm have an accessibility & SEO problem. I want to display more information and punctuation for the people using a screen reader. Will this code will be understand as duplicate content by Google ...
2
votes
1answer
853 views

Does a script tag really need a color defined?

I went to achecker.ca to test my website for accessibility issues. While it found no actual problems, it found about 100 potential issues. One of them is this: 1.4 Distinguishable: Make it easier ...
2
votes
1answer
82 views

Identify keys bound to website buttons

After running my site through powermapper tools, they present this issue: All ONCLICK handlers should have an equivalent ONKEYPRESS handler. Section 508 1194.22 (l) WCAG 2.0 A F54 Some ...
4
votes
1answer
5k views

SEO - aria-label vs .sr-only

For SEO purpose, I read that invisible content has less weight that visible. Because of that, it means that using Twitter Bootstrap's .sr-only class can be, in the worst case of course, treated as ...
1
vote
1answer
606 views

Is noscript mandatory for worldwide compliance page compliance?

I tested a random page of mine with javascript on achecker.ca four times: once using the "Stanca Act" guideline in the scanning options, once using the "Section 508" guideline, once using the "WCAG 1....
0
votes
1answer
96 views

ARIA attributes for a website about a video game?

I'm creating an interactive community website for a video game - a first person shooter. People can share ideas with others - these ideas basically consists out of images. The very rough explanation. ...
2
votes
2answers
108 views

SEO: images and describing text

I have a site that is using the background image feature extensively to replace text with a graphic which contains that text in a stylized form. For accessibility and SEO purposes I have the actual ...
1
vote
1answer
343 views

Hide text ONLY for screen readers

The WCAG says it can be done by aria-hidden tag, but I've read it's not working at many screen readers. Can't get how display:none can help to hide some text only for screen readers (=visible to ...
6
votes
1answer
84 views

Do any colors need to be explicitly defined for a webpage to comply with WCAG?

I went on checkmycolours.com to test my website for WCAG (accessibility) compliance. The tool does work, but I'm wondering if the tool is 100% perfect. It seems the tool requires me to have A,EM,IMG{...
0
votes
1answer
2k views

How can I restrict access to JSON data such that users cannot access it directly with their browser, but the JavaScript can still get it?

I have a JSON file which is storing some information, and another JavaScript file which show those information on the page... How can I do something that visitors of my website can't see the JSON ...
0
votes
0answers
17 views

Title Attributes and Accessibility [duplicate]

I've been looking into accessibility recently and have read mixed articles regarding whether or not the title attributes should be included. It seems that there's a pretty good consensus that adding ...
3
votes
3answers
1k views

we choose to use tables to layout web forms: (how) can we make them valid/accessible?

we are building a site with dozens of very complex forms and we decided that the best solution for us is to make them using <table> but we are worried about accessibility and standards. what i ...
0
votes
2answers
1k views

Correct method for styling screen reader page text?

The following markup is rendered by WordPress’ the_posts_pagination(): <nav class="navigation pagination" role="navigation"> <h2 class="screen-reader-text">Posts navigation</h2> ...
1
vote
1answer
268 views

Can my heading contain a hyperlink? Does this violate usability or web accessibility principles?

Is it acceptable practice to hyperlink my headings (h2 etc.)? For example: Header X blurb … Header Y blurb … Does this violate usability principles? How about web accessibility/WCAG ...
4
votes
1answer
113 views

How to include canceled Adwords account user credential to invited account?

I need share my AdWords account with another user therefore, as AdWords usual way I send him an invitation. From his end he cannot activate the AdWords shared account with his current Google ...
2
votes
2answers
663 views

SEO penalty by hiding text for sighted people but not for screenreaders

Let’s say I have this setup: HTML: <a href="#" class="menu_links"><span class="hidetext">Graphic </span>Design</a> CSS: .hidetext { height: 1px; width: 1px; position: ...
2
votes
0answers
4k views

W3C validation error: aria-controls attribute must point to an element in the same document

I'm running my website through the W3C Markup validator and I'm getting the following error: The aria-controls attribute must point to an element in the same document. …"ui-accordion-1-header-2" ...
22
votes
10answers
1k views

What's the importance of the “title” tag?

Talking with some other people recently, it came up an interesting topic. The core question at hand is: What's the real importance and weight of the <title> tag in a web site? For instance, ...
3
votes
3answers
157 views

How to markup non-human-language text in HTML?

Considering the needs of screen readers, browser spell-checking, search engines, etc. how should non-human-language text be marked up in HTML? Should it be wrapped in a particular tag? Is there a ...
3
votes
2answers
56 views

Standards for long format dialogue when published to web

I'm posting some extremely long audio transcripts from 50 minute long radio recordings. I'm afraid that any search engine crawler will read these really long documents and treat it negatively because ...
1
vote
1answer
2k views

Receving an error when trying to access my site with Opera mini: “could not locate remote server” [closed]

I always receive an error when I try to access my site via Opera mini on Android (version: 7.5 build: 33361): could not locate remote server I've used another browser on the same device and it can ...
2
votes
4answers
244 views

Ensuring accessible image-based rollover navigation?

I'm building an image-based horizontal navigation bar for a site, as the designer wants a specific typeface, and the font is not licensed for embedded web use. I assumed the best way to do this would ...
7
votes
1answer
771 views

Images Maps SEO and Accessibility

My question of the day is about image maps and accessibility. Now it is my understanding that whenever you use an alt tag within an img tag you describe the image which increases the user ...
15
votes
5answers
5k views

Should I worry about people disabling Javascript?

Often when picking new tools and frameworks I see the warning "Will not work if the user has disabled Javascript". I then look at my Javascript powered slideshow, Javascript powered menu, and ...
2
votes
2answers
416 views

Foreground sprites and the alt tag

I would like to reduce the number of HTTP requests in this website I'm building, and sprites would be a simple way to do that; however, for semantic reasons some of the imagery should remain in the ...
8
votes
2answers
527 views

Should I be using WAI-ARIA in my HTML website builds?

Should I be using WAI-ARIA in my website builds? Will it have any benefit? Is anyone adding 'role' to their code at the moment? Some info about WAI-ARIA - www.w3.org/WAI/intro/aria. The tab, link, ...
4
votes
1answer
143 views

Does Google use any “Language” flags / tags set within a PDF file when determining its language?

When determining the language of a HTML page, I understand that Google looks at any language declarations that the page owner has set, and then also applies its own language detection algorithms. But ...
2
votes
1answer
39 views

Content blocks on dedicated pages rather than listed on one page

I am doing a web site for a client. The descriptions for all his services are rather short and precise so I decided to put them all (about 10 of them) on one page and have a sticky menu in the sidebar ...
6
votes
1answer
635 views

How can I browse the Web blind for a day?

"Close your eyes" isn't the answer I'm looking for, but +1 to you if it was your first thought. I'm putting together an awareness campaign called Browse Blind. The goals are to: Help sighted people ...
1
vote
1answer
375 views

Pages wrapped in a form element. What effect would this have on SEO or other machine-readability?

I'm helping somebody with a site and I've noticed that all the main pages are wrapped inside a form. I mean: <body> <form> [ everything in the page ] </form> </body> ...
13
votes
1answer
557 views

Are Web Safe Colors Still Relevant?

I still remember one of my high school teachers lecturing us about the "web safe colors". A set of 216-256 colors that you should confine your designs to use, and nothing else besides them. Last I ...
3
votes
2answers
68 views

WCAG Questions about a web page issuing erorrs if cookies are disabled

I have a question regarding the web content accessibility guidelines. I have been asked to review whether a web application respects the WCAG 2.0 AA web standard. I have to indicate the criteria ...
2
votes
2answers
1k views

Which should I use for mouse over tooltip for image (alt, longdesc, title)

Currently, my webpage images use the alt attribute only. Users complain that their IE8 cannot show the "tooltip" bubble when they mouse over the image. On Microsoft's What's New in Internet Explorer 8 ...
4
votes
3answers
677 views

Do invisible headings that aid accessibility harm SEO?

On most websites, I use headings on a page (typically H2) for distinct sections – not only within the main content, but also for sections such as "Section navigation", "Page tools", "Footer". (Usually ...
2
votes
2answers
399 views

DPI scaling - fonts - Browser Compatibility Problems

Many times windows 7 users, go at Control Panel - Display Options and choose a custom DPI setting (ie 110%) to increase font size in cases that they have big monitors and cannot see clearly. In this ...