svinkle

Common Web Accessibility Issues

I was once asked to come up with a short list of common accessibility issues. Here are some points I came up with. Please comment if anything is incorrect or you feel might be missing.

Color contrast

Test color contrast to make sure text is readable. Use a tool like this Color Contrast Calculator to test: http://leaverou.github.io/contrast-ratio/ Also test in High Contrast mode: https://twitter.com/svinkle/status/563405596699795456

Anchor Vs. Button Vs. Span Vs. Div

It is important to know when to use the appropriate element for a page action. The following is a basic overview of when to use/attach an event to which element:

svinkle

// Generated on 2013-12-06 using generator-webapp 0.4.4
'use strict';

// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

module.exports = function (grunt) {

svinkle

module.exports = function(grunt) {

    // main config
    grunt.initConfig({
        copy: {
            main: {
                files: [
                    {src: ['css/main.css'], dest: 'Z:/www/css/main.css', filter: 'isFile'},
                    {src: ['js/main.js'], dest: 'Z:/www/js/main.js', filter: 'isFile'}
                ]