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
0 votes
0 answers
18 views

What is the correct way to implement a hero with changing H1 (correct = accessibility and SEO)

Background I have an application using Gatsby. The home page uses a video with text over the top. This text changes on a timer. The text is also the pages h1. So the static site generated by gatsby ...
user avatar
  • 101
6 votes
1 answer
55 views

Detecting visitors with disabilities

Is it possible to detect if visitors of my website have a disability, especially visually impaired users? I was thinking of checking the media query Braille or Speech but it is deprecated. Maybe there ...
user avatar
  • 397
1 vote
1 answer
45 views

Is there a process for petitioning Google to factor accessibility into search results ranking?

As the questions says, is there a process for petitioning Google to factor accessibility into search results ranking? I know individual accounts can submit feature requests to specific Google products,...
user avatar
1 vote
1 answer
38 views

Which main problems could arise from adding a number to a domain name?

Consider the domains star.com and star1.com. What could be the problems with adding number as in the second example? I can think about the following, I speak Hebrew and in Hebrew I could say: star ...
user avatar
1 vote
1 answer
33 views

NVDA unable to review landmarks on a webpage

I have to fix up a website to make it more accessible. Someone said my webpage is missing the main landmark. To confirm this, he said to download NVDA software, open up the NVDA software, then ...
user avatar
  • 145
1 vote
1 answer
34 views

Zero score for accessibility because of contrast ratio

This URL got a zero score for the Accessibility audit section. Here is the the Lighthouse Report I wanted to know how find the locations at which this check failed because I cannot find a way to ...
user avatar
2 votes
1 answer
53 views

Parallax effect on a webpage - SEO and accessibility

WCAG 2.1 has some guidelines and success criteria on animation and I've been able to read some articles that mention parallax, but were not able to detect clear instructions on how to make the ...
user avatar
2 votes
0 answers
25 views

Accessibilitywise, how long should submit buttons in forms be?

Accessibilitywise, how long should submit buttons in forms be? Is there a worldly accessibility standard for minimal height (as with min-height or font-size+padding CSS directives) for submit buttons ...
user avatar
2 votes
1 answer
475 views

Accessibility and SEO implications of Fade-in-on-scroll libraries

We want to add some visual appeal to some of our content via scroll animations; IE have the content fade or slide in as the user scrolls down the page. The primary Library we're looking at using for ...
user avatar
1 vote
1 answer
78 views

Does accessibility (assessed by tools like lighthouse) affect SEO

Google lighthouse report has separate sections for SEO and accessibility. And I guess there could be other tools as well that provide feedback on accessibility metrics (like font background contrast). ...
user avatar
  • 2,233
5 votes
4 answers
806 views

Would it help SEO to put only keywords inside header tags and style other text beside it to look like part of the header?

So, I have this suggestion by a client - asking me to break the title on every section into two tags. They want to replace <h*> tag with a combination of <h*> and <p> tag such that ...
user avatar
1 vote
1 answer
97 views

Do I need to have headers attributes in <td> elements for accessibility or can scope attributes be used alone?

I'm trying to make a website I'm working on meet accessibility requirements. I've checked it at https://achecker.ca/checker which complains about all the <td> elements in my tables not having id ...
user avatar
  • 11
1 vote
2 answers
81 views

Does it matter if blockquotes contain quote characters for SEO or accessibility?

If I have a block quote <blockquote> <p>“Time is an illusion. Lunchtime doubly so.”</p> </blockquote> Does it matter or impact seo if I do or don't include quote ...
user avatar
1 vote
1 answer
19 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>.<...
user avatar
1 vote
2 answers
47 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 ...
user avatar
  • 186
3 votes
1 answer
46 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 ...
user avatar
2 votes
1 answer
52 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 ...
user avatar
  • 88
1 vote
0 answers
28 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 ...
user avatar
0 votes
0 answers
62 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 ...
user avatar
1 vote
1 answer
316 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 ...
user avatar
2 votes
1 answer
32 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"> <...
user avatar
  • 161
2 votes
2 answers
228 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, ...
user avatar
  • 121
2 votes
0 answers
34 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> <...
user avatar
3 votes
1 answer
186 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 ...
user avatar
2 votes
0 answers
49 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 ...
user avatar
  • 129
-1 votes
1 answer
414 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-...
user avatar
  • 129
1 vote
2 answers
275 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 ... ...
user avatar
2 votes
1 answer
1k 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 ...
user avatar
2 votes
1 answer
333 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 ...
user avatar
3 votes
2 answers
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 ...
user avatar
1 vote
2 answers
48 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 ...
user avatar
  • 143
1 vote
1 answer
1k 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 around ...
user avatar
1 vote
1 answer
708 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....
user avatar
2 votes
1 answer
90 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 ...
user avatar
1 vote
1 answer
471 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 ...
user avatar
2 votes
1 answer
1k 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 ...
user avatar
6 votes
1 answer
98 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{...
user avatar
0 votes
1 answer
105 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. ...
user avatar
0 votes
1 answer
4k 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 ...
user avatar
4 votes
1 answer
7k 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 ...
user avatar
0 votes
0 answers
18 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 ...
user avatar
2 votes
2 answers
112 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 ...
user avatar
0 votes
2 answers
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> ...
user avatar
1 vote
1 answer
303 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 ...
user avatar
2 votes
2 answers
746 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: ...
user avatar
3 votes
1 answer
6k 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" ...
user avatar
3 votes
2 answers
64 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 ...
user avatar
4 votes
1 answer
118 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 ...
user avatar
  • 207
7 votes
1 answer
838 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 ...
user avatar
  • 32.6k
1 vote
1 answer
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 ...
user avatar