Since returning from Finland in 2013, I have gained my Master's in Online and Distance Education and have transitioned from teaching, via adult learning and management, into eLearning design.
Although I mostly design online training materials for government agencies, I still have a keen interest in all forms of educational technology and love learning new skills.
1.3.1 Info and relationships
Get link
Facebook
Twitter
Pinterest
Email
Other Apps
The guidance states:
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
What does that all mean?
It basically means you need to stop and think about what information you get by seeing and consider how someone with a screen reader will get that same information.
The structure of a document or web page is easy to get, if you can see. When we look at a page, headings are often on their own line, bold, bigger than the rest of the text. Lists are usually indented and have a number or a bullet point in front of each item. Paragraphs have a larger space between them than normal lines. Hyperlinks are usually underlined and/or in a different colour. These are all things that you see.
What about people who can't see? How would they know what is a heading, a list item, a paragraph, a hyperlink, etc? The only way is if your document or web page is structured correctly and designed using the correct tags or style elements. This works differently, depending on what you are creating.
Microsoft Word
I am frequently sent documents to check that they are WCAG compliant. The email will often say something like this:
It should be fine. It's just text really. I'm fairly sure it will be fine.
So I start checking it and there is nothing that would tell a screen reader what is a title, a heading, a subheading, a list or just normal text. This is really easy to do. It is easier though, to show you. I hope the video below will help you to do this in future. It's a video I made a little while ago, as part of a series, so don't worry about the 'see you tomorrow' at the end.
If you have a slightly different version of Word, you might have to find out how to adapt this but the general principles are the same... in fact, the same for all decent word processing apps.
Web pages and blogs
Most people use some kind of app to produce web pages and blogs. For example, I use Blogger (by Google) to make this blog. The alternative is how I do my main website, using raw code: HTML5 for the content and CSS to make it look pretty.
If you are using something like Blogger or Wordpress, you will work in a text editor that will largely offer you the structural elements to help you. You just need to stop yourself, every time you are about to make a word or phrase bold or make it bigger because it's a heading, and instead, highlight it and select heading or subheading from the text editor. It is usually a drop down arrow with the word normal showing.
If you are coding your own web pages, chances are, you already use the correct tags. There are six levels of heading, <h1> to <h6> and then paragraph, <p>, unordered lists (bullets), <ul> and ordered lists (numbers), <ol>. You can also use various <div> tags to label sections of the page. This information will be used by screen readers to tell the user what you and I can see. You can then set up a style sheet (CSS) to give each of those structural elements their size, colour, etc.
Summary
There are things we all do without thinking. We need to stop and give extra thought in at least these situations:
when changing the font size
when making something bold
when changing the colour of text or a shape
when using tables (especially if it is for layout)
when putting decorative items on a page
when creating a hyperlink
when creating white space, using the space bar or enter, especially if it is lots of times.
Stop! Think about what a screen reader would do with it. How would a visually impaired person perceive it? Is there a better way of doing it?
This is possibly the WCAG issue that needs the most undoing of bad practice. It takes a conscious effort. You will sometimes forget and gradually, as you work at it, you will get better and more consistent. But please, do it. Take a step in the right direction.
The inside of a computer is really interesting! It's like being able to open up a brain and see how it all connects together and how it links to the other organs in the body. You don't need to know it but it's interesting and sometimes rather handy to understand how it works (at a basic level, at least). Motherboard I love looking at the motherboard. It's full of little tiny parts, chips, places to plug things in, and bits that stick out through the case of the computer. Over time, they have changed a fair bit but they still do the same job. When you look at the back of a computer, you can see lots of places where you can plug things in: USBs, printers, headphones, etc. Most of these are on the motherboard and connect to other parts inside. Central processing unit (CPU) This is sometimes just called the processor. It's now a tiny component but it has a very important job. It's what makes the whole thing work. Because it does such a big job, it
I've kept it fairly quiet but I've been looking for a new job for a few months now. Not that my old job isn't great, but I've always wanted to specialise more in e-learning and my main aim has been to get into content creation. E-learning is a growing industry, so there are many jobs out there. Of course, the vast majority are in London and I have no desire to move back there at all. The other sticking point though is a piece of software, that I have no experience of and is very expensive to acquire. Nearly all e-learning jobs want experience in Articulate 360 and specifically in Storyline. What is it? Storyline is a bit like PowerPoint in some ways. You have slides and you can combine different kinds of content with transitions and animations. However, in the words of one of my favourite films, "It is so much more than just" PowerPoint. You can bring in a whole level of user interaction that PowerPoint doesn't even begin to touch. When your project is
Just over a year ago, I subscribed to Adobe Creative Cloud. It's a suite of applications for photo editing, graphic design/creating, video editing and loads more. It was quite expensive, even with a substantial discount but I really wanted to develop some new skills that would sit alongside my Articulate skills. Each week, the Articulate community posts a challenge. Usually, it's something to do with Storyline and eLearning but this week's was to create a cloned interview. Cloned Interview "What on earth is a cloned interview?" you may ask. Well, I had no idea either. I watched a couple of examples and soon it became obvious. It's a video where you have two of the same person and they interact with each other. It kind of reminded me of The Lady in the Van. Alan Bennett has two personas in the film and they talk to each other. It's quite an interesting technique but I figured the subject has to fit that kind of thing. Positive Self-Talk I've had vario
Comments
Post a Comment