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
35
votes
9answers
601 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....
23
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, ...
21
votes
2answers
559 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?
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 ...
14
votes
1answer
584 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 ...
10
votes
7answers
8k 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 ...
8
votes
2answers
546 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, ...
7
votes
6answers
472 views

Font resizing widgets: worth it?

I see some text-heavy sites implement the little JavaScript widgets that allow you to choose smaller or larger text sizes on sites. (e.g.: as described on the Guardian's website) Are these little ...
7
votes
8answers
429 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 ...
7
votes
1answer
833 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 ...
6
votes
1answer
96 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{...
6
votes
1answer
698 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 ...
5
votes
4answers
799 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 ...
4
votes
1answer
148 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 ...
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 ...
4
votes
3answers
751 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 ...
4
votes
1answer
3k 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;"> &...
4
votes
2answers
484 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
4
votes
1answer
114 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 ...
3
votes
3answers
165 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
84 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 ...
3
votes
1answer
142 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 ...
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 ...
3
votes
2answers
58 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 ...
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 ...
3
votes
1answer
5k 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
74 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 that ...
2
votes
2answers
482 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 ...
2
votes
2answers
111 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 ...
2
votes
2answers
726 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
2answers
112 views

What tools are used to make a PDF accessible to people with disabilities

In the US sites should be made accessible for people with disabilities. This is often followed for HTML, but ignored for PDF files. Since there is quite a lot of PDF content on the web, what tools ...
2
votes
2answers
182 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
1answer
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 ...
2
votes
1answer
407 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 ...
2
votes
1answer
199 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 ...
2
votes
1answer
40 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
votes
1answer
312 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
2answers
596 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
4answers
276 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 ...
2
votes
1answer
37 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 ...
2
votes
1answer
50 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 ...
2
votes
1answer
24 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
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 ...
2
votes
1answer
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 ...
2
votes
2answers
2k 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
2answers
477 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 ...
2
votes
0answers
23 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 ...
2
votes
0answers
30 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> <...
2
votes
0answers
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 ...
2
votes
1answer
43 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 ...