Sandbox Site

Test Heading ARIA Level Two

Currently Working On...

Working with Robert

I am very fortunate to be working with Robert right now, a friend with multiple disabilities who is teaching me much. Together, we work to ensure websites are accessible, at least in terms of using Dragon Naturally Speaking. It's the assistive technology he relies on to get through his day. I find using and understanding the Dragon actually more difficult than using screenreaders, as a user is subject to both visual cues as well as HTML hierarchy on the website.
PBJ Plugin Test (A plugin for Robert)
PBJ Test Site
Notes and Observations (Password Protected)
We are extremely grateful to Robert Beasey, and the accessibility testing he provides for the website. To the right, Robert is testing a form for possible use as a survey to USFSP students

Training the Dragon

Robert Beasey testing a form for USFSP
Link to Robert's site
 
Image by Sharon Austin. Creative Commons Attribution 3.0 license.

GSS Grid Layout

Background:
Robert is heavily reliant on his phone for modern communications. It's important that any layout have a mobile-friendly interface.

graphic of the Golden Mean Ratio

I am absolutely entranced with using GSS style sheets, because it takes advantage of such design principles as the Fibonacci Spiral (Golden Mean Ratio, illustrated above). But as gorgeous as they are, tests show they're not ready to be used out of the box for a person like Robert.

IE No Scroll

screenshot of GSS layout using IE to a width under 400px

IE Scroll Screen Capture

screenshot of GSS layout using IE to a width under 400px

Chrome

screenshot of GSS layout using Chrome to a width under 400px

Firefox

screenshot of GSS layout using Firefox to a width under 400px

Firefox Scroll Screen Capture

screenshot of GSS layout using Firefox to a width under 400px

Currently Exploring..

Accessibility

Item One: Mouse Over Links need onblur and onfocus
Item Two: Color contrast
Item Three: TH headers in Google tools?
Item Four: The hamburger menu no longer works properly.
expanded mobile navbar doesn't collapse after clicking link #12852
  Note:March 30. Fixed with code from above.
Accessible Contrast
Need to check accessibility: Responsive Typography
Responsive Typography (VW, VH)

Google Analytics

Universal Analytics (UA)

Taking Part in the Process

If a user with mobility disabilities wants to take part in the process, what would it take?

Scratch and Test Sites

..And More Scratch Sites

Portal Test One. WP 4.2.2
Portal Test Two. WP 4.2.2
Portal Test 41a WP 4.2.2
Portal Test 41b WP 4.2.2
Multisite Testing 4.1 WP 4.2.2
Network also updated 4.2.2
Database updated 20 May 2015
Multisite Testing 4.2 WP 4.2.2
Debug True
Networkupdated 4.2.2
t29917 Multisite WP 4.2.2
Early Portal Test 41a Certificate (WP 4.2.2)
Early Portal Test 41b Certificate (WP 4.2.2)

Validators, Emulators

Evaluators: Accessibility

Tenon
WAVE (no DOM)
Note: WAVE toolbar uses the DOM for checking
calabash

Link Checkers

Link Checker
Working List as of 9 June 2015

Security

VTT

Label

label: the label value will be displayed in the GUI control that is included in the default HTML5 video player
srclang: gives the language for the text track data. The value must be a valid BCP 47 language tag. This attribute must be present if the element's kind attribute is in the subtitles state.
BCP 47 language tag
kind attribute
subtitles state

TBD

Testing

General

Browser References

Browser Scope
Different Browsers do not always agree whether a change event should be fired for certain types of interaction
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each change to an element's value.
MDN Reference to above

Southeast Florida Library Information Network (SEFLIN)

2014-2015

Workshops

(Notes from the live online sessions)
Introduction to WordPress
Link to Notes
WP 4.2.2
wordPress and Library Data
Link to Notes
(4.3-alpha-32535)
Themes in WordPress
Link to Notes
WP 4.2.2
Help! I've inherited a Blog!
Link to Notes
dotCom
Widgets (Under Construction)
Link to partial notes
dotCom

Screenshot showing version of JAWS in testing

Screenshot showing setting of JAWS in testing

Screenshot showing language selected in options screen for setting up WordPress

Screenshot showing language selected in options screen for setting up WordPress

Български

Screenshot showing language selected in options screen for setting up WordPress

日本語

Screenshot showing language selected in options screen for setting up WordPress

한국어

Screenshot showing language selected in options screen for setting up WordPress

ဗမာစာ

Screenshot showing language selected in options screen for setting up WordPress

Русский

Screenshot showing language selected in options screen for setting up WordPress

Српски језик

Screenshot showing language selected in options screen for setting up WordPress

ไทย

Screenshot showing language selected in options screen for setting up WordPress

繁體中文

Screenshot showing language selected in options screen for setting up WordPress

简体中文