Category Archives: web

How to Convert Word Documents to HTML

///with more people accessing the web via mobile devices, opening a Word document or PDF is problematic. Many users don’t have Mobile Viewers for Microsoft Office installed on their mobile devices… Text in the PDF or Word document may not reflow to fit the screen, resulting in users sliding the content left and right, upContinueContinue reading “How to Convert Word Documents to HTML”

Keyboard Navigation for Responsive Web Design | Art+Tech

HTML provides a tabindex attribute to control the tab order of elements when their document ordering differs from their visual ordering, but this is insufficient to cope with multiple dynamic orderings that can arise from developing Responsively.A CSS nav-index property was proposed which would have provided a way to solve this problem, but was unfortunatelyContinueContinue reading “Keyboard Navigation for Responsive Web Design | Art+Tech”

My Approach to Mobile Accessibility Testing – Ministry of Testing

When I get asked by team members about mobile accessibility, I am often asked how difficult it is compared to desktop accessibility testing. Often the questions indicate how many assume that mobile accessibility is a completely different beast to traditional functional and accessibility software testing. This has prompted me to write this … Curated byContinueContinue reading “My Approach to Mobile Accessibility Testing – Ministry of Testing”

3 Ways to Improve the Accessibility of Your UI | Usability Matters

There’s a common misconception that an accessible digital product means sacrificing visual design, but there are many subtle changes you can make that will vastly improve the way people interact with and view your brand. Here are a few quick and easy tips you can implement today to help your users. Colour Contrast Colour contrastContinueContinue reading “3 Ways to Improve the Accessibility of Your UI | Usability Matters”

Top 10 Most Common Web Accessibility Mistakes – Cryptzone Insight

The importance of Web accessibility standards has been recognized around the world. Making sure your company is compliant with the latest standards can help you gain valuable market share and avoid the risk of costly litigation, settlements and loss of reputation and business. In our experience helping companies ensure Web compliance, we run into 10ContinueContinue reading “Top 10 Most Common Web Accessibility Mistakes – Cryptzone Insight”

Designing For (and With) Color Blindness — INTREPID INSIGHTS — Medium

Every time someone finds out I’m color blind, I’m always hit with the same question: “So, what color is this?” 95% of the time I’ll answer correctly, which is always followed by, “Wait, so if you can tell this is {insert color}, then how are you color blind? What do you see?”. This is whereContinueContinue reading “Designing For (and With) Color Blindness — INTREPID INSIGHTS — Medium”

HTML5 accessibility – work in progress June 2015

A Must have! This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web. curated by (Lifekludger) Read full article at Source: HTML5 accessibility – work in progress June 2015

Diagnostic.css – Super quick web accessibility testing – Karl Groves

In my quest to make accessibility accessible, I’ve created a super-easy-to-use tool that people can use to do accessibility testing. If you can view the page in the browser, you can use this tool. Diagnostic.css is a CSS (Cascading Stylesheets) file which, when applied to a web page, will highlight accessibility errors in the page.ContinueContinue reading “Diagnostic.css – Super quick web accessibility testing – Karl Groves”

Getting started with ARIA – The Accessibility Project

ARIA (Assistive Rich Internet Applications), is a spec from the W3C and created to improve accessibility of applications by providing extra information to screen readers via HTML attributes. Out of the box, screen readers work with regular HTML, but adding ARIA can provide screen reader users with more context and greater interactivity with content. ARIAContinueContinue reading “Getting started with ARIA – The Accessibility Project”

How You’re Insulting 285,000,000 Accessibility Users

When we think about Website Accessibility people often think about responsive designs, there’s so much more. No longer are we able to design and create an incredible website with such ease – we used to just come up with a great looking design, as long as those colours worked and you had a navigation, heckContinueContinue reading “How You’re Insulting 285,000,000 Accessibility Users”

Web Accessibility Testing for the Rest of Us

Accessibility testing can be a daunting task, especially when one does not know where to start. With so many things to take into consideration and so many tools to choose from, the least we can say is that it’s very easy to feel lost! This class is intended for anyone who doesn’t consider himself orContinueContinue reading “Web Accessibility Testing for the Rest of Us”

Using the button role – Accessibility | MDN

The button role should be used for clickable elements that trigger a response when activated by the user. On its own, role=”button” can make any element (e.g. p, span or div) appears as a button control to a screen reader. Additionally, this role can be used in combination with the aria-pressed attribute in order toContinueContinue reading “Using the button role – Accessibility | MDN”

Easy Web Accessibility Practices for Design & Front-End Dev.

It’s a widely accepted truth that accessibility on the web is important. Of course, everybody should have equal access to technology! However, when it comes down to it and project timelines and budgets are at stake, it can be more difficult to put this belief into practice.  As technology continues to emerge and best practicesContinueContinue reading “Easy Web Accessibility Practices for Design & Front-End Dev.”

Accessibility Guidelines for United Nations Websites

Better UN websites for everyone Accessible websites benefit everyone, not just those with disabilities. On an accessible website, the user is put at the centre of the experience. Text is more readable. Content is better organized. The design is clean and simple. This website will show you how to make your site accessible, and makeContinueContinue reading “Accessibility Guidelines for United Nations Websites”

Accessibility Shouldn’t Be a Mystery | edUi Conference

In the past several years, ensuring web content is accessible to people with disabilities has received a lot more attention than ever before. New regulations are coming out that align US government accessibility requirements with the guidelines established by the World Wide Web Consortium Web Accessibility Initiative; courts are ruling that the Internet is aContinueContinue reading “Accessibility Shouldn’t Be a Mystery | edUi Conference”

Styling Forms Accessibly | UX Booth

I was waiting at a bus stop when I realized that the person next to me was using sign language over FaceTime on her phone. I had never thought about how video calling benefitted communication for hearing-impaired people. There is so much that accessibility enables. As a UX developer, I try to incorporate accessibility needsContinueContinue reading “Styling Forms Accessibly | UX Booth”

Using Color Theory to Improve Website Accessibility

The very first step in creating a color blind-safe website is choosing legible and well-matching colors for your color palette. Your task is setting aside color meaning and psychology and focusing on good color combinations and contrasts for creating legible website pages with strong hierarchy and accents.You can use the following techniques and approaches toContinueContinue reading “Using Color Theory to Improve Website Accessibility”

Infinite Scrolling and Accessibility (It’s Usually Bad) | Web Axe

Experts say don’t do infinite scrolling, or be extremely careful in doing so. I completely agree. Infinite scrolling creates accessibility and usability problems. Below are checkpoints, issues and suggestions from a few resources.Here’s a great list of checkpoints … In the Simply Accessible article Automatic infinite scrolling & accessibility, Derek Featherstone (@Feather) says: Just don’t implement infinite scrolling.ContinueContinue reading “Infinite Scrolling and Accessibility (It’s Usually Bad) | Web Axe”

Accessibility – beyond the screen reader | Web design | Creative Bloq

There are 6.3 times as many people who have low vision than there are people who are blind. … People with low vision will usually either depend on browser features to resize text or zoom the page, magnification software, customized style sheets, built in high contrast themes, or a combination of the above. While screenContinueContinue reading “Accessibility – beyond the screen reader | Web design | Creative Bloq”

Accessible Names – Label All the Things! (Part 2) | Mediacurrent

LABEL THE REST OF THE THINGS!Native accessible name properties that we discussed in part 1 are all great, but there are situations where these don’t suffice – where either no method for providing an accessible name exists in HTML5 or a situation arises where standard HTML5 methods aren’t enough. Enter aria-label and aria-labelledby. Aria-label andContinueContinue reading “Accessible Names – Label All the Things! (Part 2) | Mediacurrent”

Accessible Names – Label All the Things! (Part 1) | Mediacurrent

The more we label things when building a website, the easier it is for a person who is blind and uses a screen reader to use our sites. These labels are known as the “accessible name properties” and they are baked into HTML. Curated by (Lifekludger) Read full article at Source: Accessible Names – LabelContinueContinue reading “Accessible Names – Label All the Things! (Part 1) | Mediacurrent”

WebAIM: Screen Reader User Survey #6 Results

In July 2015, WebAIM conducted a survey of preferences of screen reader users. We received 2515 valid responses to this survey, our highest thus far. … A few disclaimers and notices: Totals may not equal 100% due to rounding. Total responses (n) for each question may not equal 2515 due to respondents not answering thatContinueContinue reading “WebAIM: Screen Reader User Survey #6 Results”

Writing content for responsive design | 4 Syllables

If you’re writing for the web, you’re writing for responsive design. Or you soon will be. In this article, we offer some tips to get your content working well on a range of screen sizes and orientations. … 3 tips to make content work for responsive designs. 1 Write in plain English. 2 Pay attention to contentContinueContinue reading “Writing content for responsive design | 4 Syllables”