SVG For Ever – SVG icons

Icons, don’t graphic designers just love them? I had been a real fan of icon fonts until I recently discovered the joys of SVG icons. SVG or “Scalable Vector Graphics” are XML-based vector images with support for interactivity and animation. It’s also reasonably straightforward to re-colour them. SVG images and their behaviors are defined in 

Continue Reading →

Email link code that writes subject and more

Using “mailto:” for the basic email link An email link is simply one that upon clicking it will open the user’s email client of choice and add the email address to a new blank email, simple! It uses the code: “mailto:” before the email address, and it looks like this: <a href=”mailto:iopan@hotmail.com“>Email iopan</a> So the 

Continue Reading →

Quick Reference: Web Accessibility

Principles of Accessibility Perceivable – Available through sight, hearing, or touch. Operable – Compatible with keyboard or mouse. Understandable – User-friendly, easy to comprehend. Robust – Works across browsers, assistive technologies, mobile devices, old devices/browsers, etc. Follows standards. Provide appropriate alternative text Every non-text element needs a text alternative (alt text) that provides an equivalent 

Continue Reading →

How to write signatures in email

HTML email signatures The email signature that I have recently developed for 2015 can be seen below. I made this signature for my Hotmail account. I wanted to have a ‘hand written’ signature in there, as well as my company logo, email address, postal address and icon links to my social sites. Some may think 

Continue Reading →

Style Switchers for Accessibility

I’ve been working on a Disability information website, aptly called Disability Information Zone: http://www.disabilityinformationzone.co.uk/. Based in Coventry UK, I’m in the process of amassing a database (well, not exactly a database, but a page of published data) detailing an assortment of disability information for Disabled People in Coventry & Warwickshire. This can be found at: 

Continue Reading →

ARIA Landmarks* for Screen Readers

HTML WAI-ARIA roles help screen reader users. *Landmark according to W3C means: “A type of region on a page to which the user may want quick access. Content in such a region is different from that of other regions on the page and relevant to a specific user purpose, such as navigating, searching, perusing the 

Continue Reading →

Notes on Accessible Web Design

Website Accessibility Label everything so that assistive technology can read it. All images require alt tags; all links, title tags. Keep your code clean! See document: “What Beautiful HTML looks like” – Use appropriate tags; don’t use tables for layout. Separate presentation from content; html should contain no styling – leave that to the CSS. 

Continue Reading →