Archive for the "CSS (Cascading Style Sheets)" Topic
The Text Alternative Computation Over the years, there has been a lot of confusion about the W3C Text Alternative Computation and how this works, especially when influenced by the addition of CSS and ARIA attributes. As a bit of forewarning, this article is not primarily meant for general web developers, though having an understanding of these concepts will aid their efforts in building accessible software. Instead, this article is meant to aid browser and assistive technology vendors, as well as those who test and evaluate web technologies for accessibility, in order to identify where the breakdown is between the W3C… Read More
Standard HTML radio buttons and checkboxes are often some of the most difficult controls to customize for visual appearance. Authors often resort to alternative methods to implementing these controls rendering them inaccessible to people with disabilities. Relevant accessibility standards such as the Web Content Accessibility Guidelines (WCAG) 2.0 SC 4.1.2 and Section 508 1194.22 paragraph (n) address accessibility properties for user interface controls. The goal is clearly stated in the current Section 508 requirements: “When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for… Read More
Using CSS Floats with Image Links The use of CSS floats has been a common method for developers to position content on a web page. According to the W3C CSS 2 specification, section 9.5, “A float is a box that is shifted to the left or right on the current line.” Ensuring visual keyboard focus indication can be tricky for floated image links. WCAG success criteria 2.4.7 states that there must be a visual focus indicator on all active elements. Without a visual indicator of focus, sighted keyboard-only users will have difficulty identifying the focused element. Often, developers add CSS… Read More
The content CSS property is an interesting property used in conjunction with either the :before or :after pseudo-elements that can insert text, symbols, and images into a web page from a stylesheet. This property presents a number of issues for developers who understand the importance of making sure their work is accessible to people who use assistive technology. Assistive technology allows people to use the power of the Internet even if they happen to be blind, or if they have cognitive, motor, or visual impairments. Developing a website that is accessible is not only the socially responsible thing to do,… Read More
The use of text clouds can offer a fun, visually appealing method of displaying the frequency or popularity of words on a web page. Merely relying on font-sizes, weights and color to convey hierarchy can exclude some users from accessing important information on the website, though. By ensuring that the raw data is structured with
OL tags in HTML, screen readers such as JAWS will convey the hierarchy of the list items and render the information as it is structured and in the order that the content appears in the Document Object Model (DOM).