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.
86 questions
0
votes
3
answers
28
views
Handling non-javascript fallback pages without violating WCAG guidelines
I used the demo version of powermapper tools online to scan my pages and it presents the following issue to a page I'm about to explain.
Basically, a page that I have is a fallback page for clients ...
- 129
1
vote
0
answers
31
views
SSL certificates, cookies/cache, can’t view my own website… [closed]
Can’t access my own site without occasional error message
“can’t establish a secure connection”.
So I ran a Windows diagnostic, which yielded zero results.
So I deleted my cookies and my cache (as ...
3
votes
1
answer
125
views
Should we implement the accesskey HTML attribute?
I'm researching whether to add accesskeys to our site and was wondering if they are commonly used nowadays for accessibility. I checked out the source code on a dozen or so large websites and didn't ...
- 131
4
votes
2
answers
179
views
List of SEO rules for HTML tags?
I know there are some rules related to specific attributes that some tags should have. For example, input, select and textareas should have aria-label on them. I'd like to have a full list of these ...
4
votes
1
answer
600
views
Using URLs as anchor texts
If using a URL as anchor text (= visible link text) - is this bad practice and why? Are there any good reasons to use a URL as anchor text?
Example: URL as anchor text:
<a href="https://...
- 185
0
votes
0
answers
128
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 ...
- 101
6
votes
1
answer
60
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 ...
- 407
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,...
- 188
1
vote
1
answer
40
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 ...
user122588
1
vote
1
answer
120
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 ...
- 221
1
vote
1
answer
38
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 ...
- 113
2
votes
1
answer
102
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 ...
- 21
3
votes
1
answer
49
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 ...
- 73
4
votes
1
answer
2k
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 ...
- 43
1
vote
1
answer
160
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). ...
- 2,343
6
votes
4
answers
900
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 ...
- 163
1
vote
1
answer
346
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 ...
- 11
1
vote
2
answers
123
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 ...
- 245
1
vote
1
answer
22
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>.<...
- 115
1
vote
2
answers
57
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 ...
- 186
3
votes
1
answer
95
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 ...
- 2,365
2
votes
1
answer
70
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 ...
- 88
1
vote
0
answers
49
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 ...
- 11
1
vote
1
answer
73
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 ...
user58733
1
vote
1
answer
382
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 ...
- 866
2
votes
1
answer
143
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">
<...
- 161
2
votes
2
answers
433
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, ...
- 121
2
votes
0
answers
38
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>
<...
- 227
3
votes
1
answer
549
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 ...
- 227
2
votes
1
answer
60
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 ...
- 129
-2
votes
1
answer
609
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-...
- 129
1
vote
2
answers
593
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 ... ...
- 121
2
votes
1
answer
2k
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 ...
- 163
2
votes
1
answer
508
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
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 ...
- 876
1
vote
2
answers
51
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 ...
- 203
1
vote
1
answer
3k
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 ...
user20757
1
vote
1
answer
757
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....
- 13.6k
2
votes
1
answer
98
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 ...
- 13.6k
1
vote
1
answer
536
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 ...
- 11
2
votes
1
answer
2k
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 ...
- 13.6k
6
votes
1
answer
126
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{...
- 13.6k
0
votes
1
answer
111
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.
...
- 176
0
votes
1
answer
5k
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 ...
- 101
4
votes
1
answer
8k
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 ...
- 151
0
votes
0
answers
19
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 ...
- 642
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 ...
- 121
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>
...
- 313
1
vote
1
answer
1k
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 ...
- 11
3
votes
2
answers
757
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: ...
- 174