Tag Archives: tutorial

Web Accessibility: Small Flashing Objects and Text

The criteria for presenting small flashing objects and text on a web page varies depending upon the reference you use when it comes to defining what amount of flashing and moving is permitted on the web within the web accessibility laws. Of course, this changes depending upon which country’s laws are being followed as well.

The important point to consider is that you don’t let small flashing objects flash faster than 3 times per second. According to W3C.org:

The criterion is 25% of any 10 degree visual field, any single flashing event on a screen (there is no other flashing on a screen) that is smaller than a contiguous area of 21,824 sq pixels (any shape), would pass the General and Red Flash Thresholds.

Small Object Sized

That is an image the size of 341 x 246 pixels. The definition of a “general flash” or a “red flash” are defined below in the threshold definition by WCAG 2.0 Recommendation as:

a flash or rapidly changing image sequence is below the threshold (i.e., content passes) if any of the following are true:

  • there are no more than three general flashes and / or no more than three red flashes within any one-second period; or
  • the combined area of flashes occurring concurrently occupies no more than a total of .006 steradians within any 10 degree visual field on the screen (25% of any 10 degree visual field on the screen) at typical viewing distance

Squizlabs’ HTML_CodeSniffer describes this as:

The definition of small enough is given as “25% of any 10 degree visual field on the screen… at typical viewing distance”. This size, therefore, depends on the screen size, resolution, and viewing distance. The higher the resolution or screen size, the larger the permitted area.

Objects that flash and blink on the web page run the risk of initiating optically-induced seizures in visitors. According to WebAIM, no element should flash at a rate of 2 flashes per 55 cycles per second.  Using their 508 checklist, one or more elements that flicker on a page that does not meet this criteria is considered to fail, and will put someone at risk who is sensitive of optically-induced seizures.

W3C Recommendation 2.3.1 states that:

Three Flashes or Below Threshold: web pages do not contain anything that flashes more than three times in any one second period.

The intent is to reduce the chance of seizures since some people are sensitive to flashing on screens. This includes people with photosensitive epilepsy as well as photosensitive seizure disorders.

W3C goes on to further explain this is detail so that a writer could fully understand how critical it is to make sure accessibility standards are met. The other resources all show that optical seizures are the main reason why that this criteria is maintained. These sources differ in the timing of the flashing time limit but they agree about the results. So whatever source you choose consider your reader.

The web standards for moving and flashing text for web accessibility are found in Section 508 1194.22 (i), WCAG 1.0 A 7.1, and WCAG 2.0 A 2.3.1.

References and Resources

Advertisements

What Do You Need to Know To Use WordPress?

When it comes to WordPress, there are a few things that people should know in order to be effective WordPress users and authors:

What WordPress is and What it Does

Wikipedia offers an accurate description of WordPress that is nicely summed up:

“WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. Features include a plugin architecture and a template system. WordPress was used by more than 22.0% of the top 10 million websites as of August 2013. WordPress is the most popular blogging system in use on the Web, at more than 60 million websites.”

For more information about WordPress, visit the About page on WordPress.org. Continue reading What Do You Need to Know To Use WordPress?

Make a Better WordCamp

According to Aaron Jorbin, WordCamp organizers need to create an interesting experience for attendees by utilizing strategic and engaging ways to teach WordPress. Subject matter being discussed should be of primary importance. His article suggests that WordCamp should provoke thought, discussion, and make people walk away feeling like they gained valuable knowledge. If people walk away from a WordCamp and don’t think about some aspect of it later, you can’t call it a success.

Installing WordPress on Amazon Web Services

Amazon Web Services  (AWS) offer a way to host your own WordPress sight with no hardware and little to no expense on a small WP blog site. This is ideal if you want to start working with a self hosted WordPress site for developmental purposes, monetization of your blog, or just good ol’ bragging rights.

In this article I will go into an overview of the EC2 service and the various Virtual Machines (referred to as instances from here on out) that are free and paid. Some may be free to download and initially spin up but may incur an additional cost to the AWS price tier even if you are in the Free Tier. Even though I discuss the free tier exclusively and micro-instances it should be mentioned that the AWS allows for scalability of your WordPress site so it can grow as your site(s) grow.

Bitnami Logo for WP instance.There are various pre-made instances for use with your AWS account that are configured for just about “one touch” configuration. Some are free, others are free to upload to AWS but incur a usage cost, and others cost for upload and usage. A few of the providers are; Bitnami, JumpBox, and Turnkey Linux. If you do choose to go with these “one click” solutions be sure to read all the print to verify if there are any charges for the instance or use of and how the charges are calculated. Continue reading Installing WordPress on Amazon Web Services

Creating a Static Front Page

Creating a Static Front Page isn’t just fun and innovative it also makes your blog look more like a professional website and less like a “blog”. Static front pages give all your readers and visitors the same welcome. Be it an announcement, how to get around or what your site offers, one thing is for sure, it is informative and it is direct. You can have your site be purely static or you can make it a hybrid blog and also include a “blog” page. Both have their own pros and cons. Continue reading Creating a Static Front Page

Reverbnation Master Plugin

Our guest speaker for our WordPress class,  Mr Dan Portis-Cathers is not just a Musician, he also designs WordPress webpages for music industry clients. He pointed out that a blogger with a music page needs a plugin that plays music.

Many of the Artists that I feature on my student site are found on the website known as Reverbnation . This website began as a way for local musicians to harness the power of social networking to get the word out that their band is the next big thing or to communicate/ collaborate on music related projects

Reverbnation now boasts that it is home to over 3.5 million bands, venues and music professionals. It is a great site to meet new bands, maybe get some cds to review, and network with others in the industry.

Naturally, the Reverbnation Master Plugin became a plugin of choice for my DISTROTECH student site as my blog deals primarily with Progressive Rock music, and Linux.

Reverbnation Master
Reverbnation Master

After downloading, the Reverbnation Master Player Plugin was very easy to install.

  • Use the WordPress Installer/Updater
  • Activate from the “Plugins”administration panel,
  • Click over to the Widget Page>Reverbnation Master Widgets.
  • Configure the settings.

That’s it! Once installed the Plugin allows plenty of customization. Show maps of listeners, feature album art, lyrics, announcements. In short all of the Widgets that are on the Reverbnation site are included in this Plugin. HTML5 Player, HTML5 Fan Collector, Tune Widget, Merchandise, Mail, and so much more.

Have a look at this demo at wordpress.techgasp.com . If you have a music site and want to promote it, this Plugin is one that you can’t live without.

 

The SEO of the HTML Anchor Text

You finally finished your website and uploaded it to the Internet. Maybe it is a blog, a personal website, or an e-commerce website that sells products. In all of these cases, you now wait to see how many visitors come to the website or read your blog article.

Continue reading The SEO of the HTML Anchor Text

Write Your About Page in 5 Steps

Congratulations! You have written something that has inspired your reader to say, “Wow! Who is this author? I want to know more!” Now you just need a fantastic biography for your About page so your readers can get to know you.

5 Easy Steps to Biography Awesomeness

Your About page should be an introduction to you. It should tell your reader about who you are and why you are an authority on your specific topic.

Your About page should specify your background, training, and overall proficiency on your subject. It should spell out for the reader why it is that they should listen to you.

If your website is professional in nature, you might want to take some time to consider branding before you write your biography.

Continue reading Write Your About Page in 5 Steps

How to Write Post Titles in WordPress

Post titles can be a great way for people to find your post, it can attract people through search engines, that is if they are used properly.

Post Titles and Themes

Most Themes restrict post title length to two lines, however this might not be the case for all WordPress Themes. If you would like to write long post titles, test out multiple WordPress Themes an check the single post pageview as well as the front page as they may look different.

When looking for a Theme for your site it is advised to look at every aspect of the Theme, and not just the home page, there might not be support for some headings, or there may be issues with images. Continue reading How to Write Post Titles in WordPress

Traversing the Forums : WordPress.org Support Forums and WordPress.com

To use the WordPress Forums you need some basic computer skills and a reasonable idea of what you are looking for. If you don’t, you may get stuck in a forum loop and just keep clicking things for hours till you don’t remember what you were doing….or you could break your computer out of frustration.

There are two different forums WordPress.org Support Forums and WordPress.com each with two main sections. The Forums list and a Tag Cloud of whats important at the moment. WordPress.com has a latest discussion as well as some important notices. Whereas, the Support forums only have the search and some helpful tips for getting started.  Let’s see if we can just dive on into this. Continue reading Traversing the Forums : WordPress.org Support Forums and WordPress.com

How to Add Users to Your WordPress Site

If you intend to have multiple people adding content to your site you will need to know how to add new users.  I have detailed the process below:

  1. Navigate to the administration panel of your website.
  2. Click on Users > Invite New.Step 1 cropped
  3. On the Invite New Users screen, complete the fields for Usernames/Email, Role, and an optional message.Step 3 cropped
  4. When the new user accepts the email invitation, their name will feature “Accepted” next to it in the New User Invite List, and they will be added to the User’s list.Step 4 cropped

Please note that sometimes the emailed invite will arrive faster if you enter the email address of the contributor, not the username.

Changing the WordPress User Role

If you would like to change the user role for a user:

  1. On the Users panel, check the check box next to the User’s name.Step_1 cropped
  2. Then navigate to the drop down menu at the top labeled “Change role to…”Step_2 cropped
  3. Select the desired role for your user, then click the button labeled “Change.”Step_3 cropped

There are 5 user roles in WordPress by default.

  1. Administrator: User will have access to all areas of your site, and permission to change everything.
  2. Editor: User has access to all posts, pages, comments, categories, and tags.
  3. Author: User can write, upload photos, edit, and publish their own posts.
  4. Contributor: User has no publishing or uploading capability, but can write and edit their own posts until they are published.
  5. Follower: User can read and comment on posts and pages.

Make sure to visit the WordPress Codex for more information on user management.

Privacy Policies: Reporting the Tracking

Do you know what personal information is collected from you when you are online? The answer could surprise you. Here is a list of regularly collected information.

What Is Tracked

  • What websites you visit and the frequency of those visits
  • What your name is.
  • Your geographic location.
  • Passwords you use.
  • Credit Card information.
  • Social Security Numbers.

These are just a few examples of the types of information being tracked while you are online. Does it make you wonder what the information is used for?

Continue reading Privacy Policies: Reporting the Tracking

Slideshow Gallery WordPress Plugin

This is a review of the Slideshow Gallery WordPress Plugin. It is designed to add a slideshow to your WordPress site.

After installing the WordPress Plugin, you will see on the sidebar a new option for the Slideshow Gallery WordPress Plugin options and customization.

This is a screenshot of the new button added with the plugin slideshow gallery.

From here you want to navigate to manage slides and create a new slide.

Continue reading Slideshow Gallery WordPress Plugin