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
1answer
12 views

Do I need to provide an accessible label for a link whose meaning cannot be derived from its content?

For example, let's say I have a link whose text, by itself, doesn't do a great job of explaining its meaning: <div>To complete your transaction, please click <a href="#">here<a>.<...
1
vote
1answer
20 views

Can a list of internal links be partly hidden in a scrolling container and repetitive anchor text removed without hurting SEO?

We are re-designing our home page and for some aesthetic reason deciding to make access to rest of our internal links (inside cards categories) by scrolling the cards and normally a portion of these ...
1
vote
0answers
20 views

Is it legitimate for rel prev / next links to indicate a circular sequence of pages?

Before anything else, yes, Google no longer takes note of rel prev / next and has not done so (officially) for nearly a year. Google officially deprecated rel prev / next as a crawl / indexing factor ...
1
vote
1answer
39 views

CTA Label: “Buy Now” vs “Buy PRODUCT NAME Now”

It seems for eCommerce CTAs, the most common label for buying products is "Buy now". From a marketing/SEO point of view it seems like the best option with highest CTR, but from an accessibility point ...
1
vote
0answers
20 views

Do we need to specifically support old browsers to be WCAG compliant or is following the robust principle enough?

I understand WCAG is technology agnostic, so it doesn't specify which browsers, devices, and operating systems that a website needs to be accessible on. However, our site isn't responsive on certain ...
0
votes
0answers
60 views

How to ensure a user doesn't miss a webpage crucial for constructive usage of another webpage?

I have a problem of the need to ensure that a user doesn't miss a webpage crucial for what I assume as a constructive usage of another web page. Personal example of this problem My website contains ...
1
vote
1answer
74 views

How to use Lighthouse scoring Guide for Accessibility Audit?

I am working on scoring improvement on Accessibility Audit in Lighthouse. My client's site has an accessibility score of 60 and they aim to get it 90+. I performed the Audit using Google Lighthouse ...
1
vote
1answer
16 views

Two menus one for desktop one for mobile, screen reader issues?

Suppose a webpage has two menus, one for a "desktop" sized screen and another for tablets/phones. It might looks something like this: <body> <div class="hide-me-on-wide-screens"> <...
2
votes
1answer
66 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
28 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
1answer
60 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 ...
2
votes
0answers
47 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
203 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
119 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
700 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
253 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 ...
3
votes
2answers
2k 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 ...
1
vote
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 ...
1
vote
1answer
314 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
643 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
85 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
388 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
935 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
85 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
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. ...
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 ...
4
votes
1answer
6k 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
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 ...
2
votes
2answers
109 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
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
269 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
679 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" ...
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 ...
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 ...
7
votes
1answer
785 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
146 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 ...
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-...
1
vote
1answer
377 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
61 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
249 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
699 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
416 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
532 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, ...
20
votes
2answers
552 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?