Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
10 views

noindex for a piece of a text [duplicate]

I have a piece of text in the homepage of one of my websites that I don't want Google to scan at all --- I don't want it to effect the SEO in any way. I can upload it as an image but it's not a good ...
-1
votes
1answer
20 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-...
1
vote
2answers
74 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
1answer
265 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 ...
2
votes
1answer
127 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
807 views

Are YouTube videos WCAG 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
2answers
40 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 ...
1
vote
1answer
104 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 ...
1
vote
1answer
460 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....
2
votes
1answer
76 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 ...
1
vote
1answer
277 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 ...
2
votes
1answer
586 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 ...
6
votes
1answer
68 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
87 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. ...
0
votes
1answer
983 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 ...
4
votes
1answer
4k 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 ...
0
votes
0answers
15 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 ...
2
votes
2answers
107 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 ...
0
votes
2answers
993 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
256 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 ...
2
votes
2answers
558 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
3k 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" ...
3
votes
2answers
52 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 ...
4
votes
1answer
112 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 ...
7
votes
1answer
694 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 ...
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 ...
4
votes
1answer
139 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
37 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 ...
2
votes
2answers
591 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-...
1
vote
1answer
364 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> ...
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 ...
1
vote
1answer
44 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 ...
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 ...
2
votes
4answers
233 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 ...
4
votes
3answers
630 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
386 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 ...
8
votes
2answers
523 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, ...
18
votes
2answers
496 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?
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 ...
2
votes
2answers
390 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 ...
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, ...
6
votes
1answer
625 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 ...
3
votes
1answer
2k views

Does using onclick on div's effect SEO?

I have a few elements on my page that uses onclick as the link, e.g: <div class="service" onclick="location.href='<?php echo $fields->service_1_link; ?>'" style="cursor:pointer;"> &...
1
vote
1answer
259 views

Critique of SEO of this HTML [closed]

I'm designing a new site which I want to be as SEO friendly as possible, fast and responsive, semantic and very accessible. A lot of these things, embarrassingly are quite new to me. Have I miss ...
13
votes
1answer
552 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 ...
4
votes
2answers
482 views

Colour Blindness Filters

Greetings Friends, Is there a standard set of downloadable styles that I can overlay on my graphics to simulate the various types of colour-blindness? Ideally for Photoshop or Fireworks. Many thanks
7
votes
8answers
406 views

Publishing A Graphic Novel Online?

My employer runs a writing contest every year. Every year we publish the top three results in each category to our website. No big deal. This year, a category has been added for a graphic novel. What ...
2
votes
1answer
371 views

Tooltips for keyboard users

The title attribute can be used on almost any HTML element, particularly hyperlinks, to provide some additional detail of the element. This is useful for screen readers, but not so much when using the ...
11
votes
7answers
7k views

Pros and cons of horizontal menus versus vertical?

I've long wondered if there should be a preference for using horizontal navigation menus, or vertical ones. I've used both before, on various websites, and can see each having pros and cons. Is there ...