Web accessibility is huge; especially with such a large percentage of the world’s population being considered “disabled” it is important to make your website as accessible as possible. Lack of patience for a few extra lines of code is quite lazy, when the end result is so critical. Here’s a few tips on how to code POUR-ly and make your website accessible!
Let’s look at few things you can do specifically in the code of your site.
- Properly formed HTML links: All links and URLs should be wrapped in anchor tags and have a title.
- Proper Image Formatting: All images should have an alternative text for screen readers to describe the image. They should also have width and height parameters in the IMG HTML tag so that the page loads accordingly even if the image cannot be displayed.
- Emails are Mail-to Links: Your email addresses listed on your site should be mailto: hyperlinks, not just plain text.
- Proper Text Formatting: Bold text should be made so with the “strong” tag and italic text should be made so with the “em” tag. If you want text to be bold or italic but not be read different by screen readers you can use a “span” tag with the “text-decoration: bold” attribute as an example.
Continue reading How to Code POUR-ly
In the Clark College WordPress Class We have downloaded Instant WordPress, which is a server designed to act like WordPress.org. It is free to download, and includes features such as plugins and use of the editor. However, the website that you create with this software is NOT live, and remains on your hard drive. Where it stays. Reclused from the world and worn out while you test its limits. But I digress… Continue reading Twenty Eleven Child Theme; Make It Tacky With These 3 Easy CSS Mods!
HTML jump links are a very handy trick for a developer or blogger to have up their sleeve.
Jump links behave just like regular links except instead of linking to a different page they link to a component of the page you’re already on. This is an invaluable HTML trick to know for situations where you have a long page or post that could benefit from a table of contents at the top of the page, each item of which jump links to a component further down the page. It aids the user experience tremendously and it’s quite easy to do, and here’s how. Continue reading Creating and Using HTML Jump-links
When playing around in your WordPress theme, sometimes you want to use widgets as decoration to make your page a little more interesting.
One of the more flexible widgets available is the text widget.
With this widget you can add any text or HTML you please, giving your website the flair it may or may not need.
While playing with this widget to see what it would do, I decided to test its limits with inline styling.
Continue reading Styled Positioning in Text Widgets
HTML lists are obviously quite common on websites. People tend to shy away from them however because the code can seem a little complicated, especially when you get into nesting lists to make one or two sub-levels. Though I assure you coding a nested list it is quite an easy concept! We will be doing all of this within the WordPress text editor.
Continue reading How to Make HTML Lists