Web site design, development and testing emphasizing accessibility
There were 8 posts published in May 2015 (this is page 1 of 1).
In this post, I’ll show you how a blind person inserts media into a WordPress post while using a screen reader. In this example, I’ve inserted some audio, but this also applies to other media such as images or video.
For screen reader users, there’s a quick audio tutorial that you can use to start inserting media if you’re not doing so already.
In this scenario, I’m uploading media, not choosing from what’s already in my media library.
First, open the media panel
Below the field labeled “enter title here,” I find a link that says “add media.” I press space on that.
Next, I move down to the bottom of the screen by pressing ctrl+end. There, I find the “browse” button.
Because I want to upload media from my computer, I press enter or space on that.
A standard “choose file” dialog will open. I use standard controls/methods to find the file I want to upload from my own computer, and then tab to the “open” button and press enter or space on that.
Now, insert the media.
Next, I’ll insert the media I’ve just uploaded. To do this, I first make sure the window is maximized.
Next, I orient myself by returning to the bottom of the screen.
Then, I arrow up until I find the “insert media” link, and press space on that.
If my screen reader starts babbling at me, I know my media is inserted.
Tomorrow, I’ll show you how I work with what I like to refer to as the finer details of media.
In this talk, Jennifer Bourn of Bourn Creative, breaks down the process she uses to plan and create content for the Bourn Creative blog.
She shows you how to create content that attracts clients, and how to use your internal processes to create content that can then be used on your blog so that you’re not constantly having to reinvent the wheel.
Think it’s the lack of advanced techniques that’s been holding you back?
Think your blog isn’t finding readers because you don’t have the coolest plugins?
Or that your sales page doesn’t convert because you couldn’t afford the 1,999 Secrets of Ninja Marketing Masters product that got released last month?
Think the secret to successful marketing and running a profitable online business is some piece of Jedi mastery that you would need to study for years to learn?
It’s none of the above.
The problem has to do with getting back to basics.
Implementing the steps in this guide is going to take a lot of work at first.
either it’s going to take a lot of work because you’re new at this and it all seems foreign, or it’s going to take a lot of work because you’ll have to spend time unlearning everything you’ve picked up over the years from all the “systems” you’ve spent tons of cash on.
No matter which angle you’re coming from, this is not a get-rich-quick scheme.
But everything in this guide is totally worth the effort.
So go learn, and implement all the things.
This talk, once again from Loopconf, is required watching not only for WordPress developers, but anyone who develops for, or writes content for, the modern web. A responsive web is a responsible web, and also an accessible web. Lastly, and I think most importantly, accessibility is everyone’s responsibility.
In the first live edition of "Ask Me Anything", going forward, to be referred to as "WPAMA", Michael from Evansville Indiana asks Amanda how to prevent crowding and overlapping of text, proper use of images, and optimizing the areas of a site built with WordPress, i.e., header right, navigation bar, footer area, etc. Amanda answers these questions in addition to explaining the return to minimalism, why sliders suck, and how site design changes almost yearly, just like fashion trends. But perhaps most useful, her suggestions for reaching out to the very helpful WordPress community to ask for help, especially for us blind implementers and designers who need to find those possessing the skills to provide greater attention to detail. This informative eight minute audio segment should provide something for everyone to take away to make your sites become even more cosmetic appealing, but most of all, highly functional and user friendly.
This talk was given as part of the first day of Loopconf, but I think it has wider applications. It’s about sharing your code, but it also deals with Impostor Syndrome, confidence, learning, and why it’s important to realize you can’t do it all by yourself.
While WCAG 2.0 outlines specific requirements for contrast between text and background colors, these can sometimes be difficult to test.
Fortunately, there are some basic tests you can use to identify potential contrast issues.
Print the page without color
I know, noone has just a black and white printer. But printing your page without color is an excellent way to find out how it’s going to look when viewed by someone with color blindness. Alternatively, you can temporarily graysccale your site to get the same result. Just make sure you put everything back when you’re done.
Decrease your screen brightness
A second quick way to test color contrast is to look at your page with your screen brightness decreased. This is particularly helpful on mobile devices.
Take off your glasses
If you wear corrective lenses, taking them out of the picture will give you a quick and easy way to find out how a site’s going to look in regard to color contrast. If the contrast is bad, you’ll be forced to squint to get everything. If it’s good, the site will be easier to read.
Resources for checking color contrast
Finally, here are some resources you can use to either check the contrast of your site’s existing colors or to determine a good color scheme to use when designing your site.
The Color Contrast Spectrum Tester
The Color Contrast Spectrum Tester by Joe Dolson wil let you enter a color’s hex value, and then it will provide a selection of contrast colors that you can use to make sure you’re following the WCAG 1.0 or 2.0 guidelines.
Color Contrast Tester
If you want to simply test whether or not two colors are going to mesh well in regard to color contrast, this color contrast tester will let you do that. It asks for a foreground color and a background color, and tests to make sure they meet WCAG 1.0 or 2.0 color contrast success criteria.
What about color theory?
I think it’s important to note that, while accessibility is extremely important, it doesn’t mean that everything else goes out the window. For instance, if you’re a blind person trying to design a site, you need to make sure that your color scheme meets WCAG guidelines, and, if you or your client are aiming for a particular goal, like readability or sales or email subscribers, good design still matters. If you’re a sighted designer, good color contrast and general web accessibility doesn’t mean that what you create has to be ugly. You can still have functional, pleasing design while keeping it accessible and meeting your client’s goals.
Lots of people have lots of questions about WordPress.
Sometimes, the answer is quick, and only requires a little bit of direction to get you on the right path.
Enter: Ask Me Anything
Ask Me Anything is a weekly chat session that will take place every Wednesday at 7PM Eastern using both the TeamTalk conferencing system and the hashtag #wpama on Twitter. The server address for TeamTalk is 4.onj.me, the ports are 10334, and Ask Me Anything will take place in the “Ask Me Anything” channel. You can ask me anything on the following topics:
General WordPress setup and configuration
The Genesis framework and StudioPress child themes
Finding the right WordPress plugin to meet your needs
Finding the right WordPress theme for your site
Finding the right hosting
General hosting questions
Finding the right domain for your site
What’s Not Included?
There’s only a few things that aren’t included, mainly because they would limit the ability of others to get their questions answered:
Specific plugin or theme setup/configuration
Specific hosting configuration instructions
What’s it going to cost?
The only thing Ask Me Anything is going to cost you is the time it takes to ask your question and the time it takes to answer it. Other than time, it’s completely free.
What if I can’t make it for the live sessions?
If you can’t make it for the live sessions, no worries. Each Friday, the session notes wil be posted with links to participants’ websites if they exist. Plus, any questions we can’t get to during the sessions will be posted as free tips/tutorials on this site that you’ll be able to browse through and implement when you have the time.
How long will AMA sessions last?
AMA will last one hour each week, and I’ll answer as many questions as I can get to. Any questions I don’t get to will be answered in upcoming sessions.
Can I ask questions outside AMA?
Yes, you can. Just use the #wpama hashtag and I’ll answer your questions during AMA sessions.
I’m looking forward to sharing knowledge with you during Ask Me Anything. Let’s make this fun, informative and engaging together. Until Wednesday.