In which I rant about Twitter and quoted tweets

I am so annoyed with Twitter’s changes to the quoted tweet that I actually decided to write a blog post about it!

I posted a mild rant on Twitter the other day about the change to quoting a tweet:

What is with the new quote style on #Twitter iOS app? Is quoted tweet an image?? If yes, that’s bad for accessibility.

If you view that link, you will see a long discussion mostly in Danish.

From my other account, @accesstechcomm, I retweeted my mild rant. There, I got a reply from @patrick_h_lauke where he said

it IS announced reasonably using VO (though getting some funky focus/context issues it seems), so not just image

Funky seems to be an inappropriate word to use with a user experience. (VO is VoiceOver, the built-in (built-in!!) screenreader on Apple products.)

It was a relief to find @aardrian’s blog post about the quoted tweet thing as an accidental accessibility improvement. That aspect was also cool to discover. I mean, how many images are floating about on the internet without alt text? Many. Too many. I hoped to drive people to discuss this issue on @aardrian‘s post, but no one took the bait. I finally did, but then moved my entire rant here so as not to upset @aardrian’s delicate constitution!

From @accesstechcomm, I tweeted (twice):

(RT) I’d really like to see lots of discussion on @aardrian’s post re: #Twitter’s change to quoted tweets. http://rosel.li/040815 #a11y #ux

And @aardrian replied:

Ditto. Though not so much on my post, but instead on the whole quoted-image-tweet-as-#a11y-aid thing.

@aardrian sent that reply to me (as @accesstechcomm) with the quoted tweet feature as shown in this screenshot from the Twitter web app showing notifications to my account:

I circled his entire tweet in red. The screenshot includes a later notification tweet from @aliceandrachel to illustrate another point…

I couldn’t see that same tweet at all in my mentions on Hootsuite because my Twitter name was inside that box and therefore not visible to Hootsuite to regard as a mention! The screenshot shows the @aliceandrachel mention, but the @aardrian mention where my Twitter name is hidden inside the quoted section is missing:

Argh!! There are so many things that irritate me about this “enhancement” or “new feature” that I don’t know where to begin.

Oh, and I see it in the notifications section on Twitter on the web, but not in the mentions for the reasons I just, uh, mentioned.

I decided to post a comment on @aardrian’s blog post. I clicked on the link I could see in the quoted part of his tweet. All that happened was that I went to my original tweet. Only then did that URL turn active. Now I could click again! This time, it worked and I arrived at the blog post. Two clicks shouldn’t be bad because you know where you are going, as Jakob Nielsen says. Here, 2 clicks was an annoying pain. I was rudely surprised that my first click didn’t take me to the blog post. Might this be a slight cognition issue in some cases? Readers of “The Inmates Are Running the Asylum” know that the user always blames themself. As in, “I didn’t get to where I wanted to go to, so I must have done something wrong”, and not, “someone coded or designed this poorly and is making me work more and think more”. Bad! Bad Twitter! More ARGH!

I think the idea of being able to add alt text as @aardrian points out is marvelous. Of course, we can all just use the EasyChirp Twitter client on the Web, which now lets you add alt text. @EasyChirp is fixing something that @Twitter should have had in the first place! I have a sneaking suspicion that only sighted people who know what alt text is are thinking like @aardrian is in his blog post. There are millions who are clueless about the existence of alt text and happily tossing pictures of whatever around the twittersphere every day, blissfully unaware of those they are excluding from the discussion or the laugh.

And this morning I discovered this news from Medium: Medium proudly announces the text-shots feature. Ugh. It’s an uphill battle.

Over on my own Twitter account (@kmdk), I complained the moment I saw this quoted tweet thing as I wrote at the beginning of this rant. I often use the quoted tweet feature as a basis for a new tweet. I use part of the original tweet like the URL, a phrase, and/or hashtags, and then I add more to it – classic curation. You can’t do that on Twitter iOS any more. You can (still) curate on the Tweetbot (iOS) app, which I did. Ditto on Hootsuite and, of course, EasyChirp. When I tweeted my complaint, one person told me it was an awesome feature and why would it be a problem. A friend stepped in and said “screenreader”. I was relieved when @patrick_h_lauke said (see first part of this rant) that the screenreader could get at the quoted text, but how does a screenreader get into this text box, which is apparently not quite an image, and I cannot?

Another user pointed out with great concern that anything like hashtags or (as I already mentioned) URLs do not function inside this quoted section. This is where I thought sighted people, especially those working with social media professionally, would get very upset. When searching on a hashtag, these tweets will not appear. Thus, if you use the quoted tweet to quote something from your favourite restaurant with the hashtag #FavRestaurant to win a prize, that restaurant won’t find your tweet when searching for those who retweeted the tweet for the competition. Fans quoting tweets with their fav sports team / movie star / movie / whatever hashtag will not appear in the hashtag search, which can disappoint severely, what with them being fans and all.

I took two screenshots to show the different behaviour of the quoted tweets in two different iOS apps. They don’t have URLs or hashtags, but bear with me.

First, I show a tweet from @patrick_h_lauke from Twitter iOS where the quoted tweet appears as a box inside his tweet:

Then I looked at that same tweet on Tweetbot iOS and there is a URL in place of the quoted tweet:

Consistent user experience, anyone? In other words, there is some weirdness going on here that seems to go against the whole point of hashtags and sharing.

My head hurts when I try to figure out the whole alt image thing that @aardrian describes. I mean, if I cannot quote my own tweet with an image, how am I supposed to provide that service, especially on a mobile device? I really have to think a lot to figure out the best way to tweet an image on my own share someone else’s image and get the alt text in there. Again, those who know about alt text may make the extra step. Your average alt-text-ignorant user will not.

I really really really hope Twitter is listening to all this, although I have only read the voices of four people even discussing this issue. I want to see Twitter have their devs and designers walk through the whole process and test with users of all abilities for a change.

PS If you work in tech and haven’t read “The Inmates Are Running the Asylum”, go get The Inmates now from Amazon or from your local library. We must stamp out the apologists!

PPS To counter the negative vibrations in this rant, go visit @marcysutton‘s new Tumblr blog called Accessibility Wins and cheer up a bit.

My first UA Europe conference – but not my last!

I couldn’t turn down an opportunity to visit Krakow. A brand new city and country for me to visit. Yay! It involved attending (and speaking at) a technical communication conference. Mixing a conference and tourism is my geeky idea of a vacation.

UA Europe is a technical communication conference held in different cities around Europe each year. This year, Krakow was host to the event. I flew in the night before the conference began (like, at midnight) and stayed on for 2 days for some sightseeing. The Technical Documentation Manager from my company attended the conference, too, so we split the session between us. This blog post is a summary of the talks I attended. The notes are lightly cleaned up raw scribbles. If I had any thought bubbles to share publicly, I include them here in square brackets. If I take time to edit these raw scribbles into a better narrative, this post will be dated 2015…

Matthew Ellison welcomes us

After breakfast in the hotel and registration with the friendly faces behind UA Europe, we were ready for Matthew Ellison’s welcome speech. He introduced a cute quiz in our bags. There was a list of 17 music bands – one for each of the countries represented at UA Europe. Actually, we only had a thumbnail of the bands. We had to 1) figure out which country they represented and 2) figure out what technical communication “thing” they represented. You see, we had to fill in our areas of interest with our registration. If I wrote “MadCap Flare”, one of those thumbnails represented Flare and was on my name badge. We could look for others who had the same thumbnails and know that we had at least one area of interest in common. This was a great idea and I had fun trying to figure out what areas of interest were represented in one of the groups I was in at one point during the day. I think I had one right – and I forgot to turn in my slip for the competition. Oh well!

Who are we? A mirror for UA professionals – Welinske

Joe Welinske, WritersUA, started the show with a walk-through of his famous (in the world of technical communication) surveys and their results. (It’s worthwhile signing up for his low-volume newsletter, which will also notify you about the surveys and the results of those surveys.)

Various snippets from the presentation. Interviewing is number 2 in the list of things techcomm’ers do all day.

He used to have a question about doing indexes. Now he split the old index question into search and index. Gave 28% and 48% split as a result.

He was surprised content reuse hasn’t changed much – now 63%.

Usability testing is only 39% which he also thinks is low.

DITA now 21% and has slowly been rising.

He has been combining HTML and CSS, but will split it next year to break that down.

He sees more need for techcomm knowing programming languages and scripts. Those ranked at 10% and 7% only. [I see the problem as being time for on the job training.]

24% use HTML help which was last modified by MS in 1998!!!

In the next survey, he’ll break apart the browser-based help to get more granular.

PDF Manuals 77%. 22% do print. [I wonder if he connects it to the industry – manufacturing is probably strong here.]

Social site are increasing to 13% [wonder if those people also use it privately – any correlation?]

Wikis at 2% but many use internally and not as open forums. [I wonder about use of mobile platforms vs country and culture. He said Windows Phone is popular in Poland, so I wonder if that influences what platform products are developed on.]

Agile and DITA are growing. [I wonder if he should also have TBA listed as a variant of DITA.] Microsoft and Amazon are now starting to use DITA

[Seems he doesn’t have many respondents that have only a few years experience. [I wonder if he is just not reaching the younger audience. Ask him if he knows that Scott Abel is looking to get in touch with those under 30.]
[Mette asked about his EU salaries and perhaps getting more EU input. Maybe ISTC and Cherryleaf could help promote it more to get more data from EU.]

Responsive web design in user assistance – Self

Dr Tony Self, HyperWrite, talked about responsive vs. adaptive. Ethan (Marcotte) did responsive and Aaron (Gustafson) did adaptive. Tony says adaptive is broader in scope. Adaptive uses JavaScript and browser sniffing.

[I think there is some nervousness about browser sniffing in the screen reader community but I can’t remember the details. I know I’ve seen tweets from Jennison Ascunion and Leonie Watson about this.]

[I really need to check out media queries some more]

Progressive enhancement is the responsive way to do things.

Mobile first is more a mindset thing. [Thought of Janet Swisher’s “Mobile Matters Most” phrase.]

He says adaptive is good, but responsive is better.

Remember to base breakpoints on content.

Showed Chrome Emulation Mode Tool in Developer Tools in the Chrome browser.

You design for viewport browsers and don’t have to worry about new platform builds.

Loads of example grids in this article from Design Instruct.

Practical HTML5/CSS3 for real writers – Gash

Dave Gash, HyperTrain is a code guy, not a concepts guy. Looks at HTML5 CSS3 from techcomm angle. we focus on content and HTML5 provide elements for that.
(typable is not typing but semantic typing)

Have to discuss semantics here. Not much semantics in HTML but there is a lot in HTML5. DIVitis in HTML4 that has no semantics. Doesn’t tell you the organisation you intended.

HTML5 took HTML4 divs with ids and class and turns them into HTML5 elements. HTML5 elements are what they mean, they are semantic. Remember: HTML5 elements don’t do anything! They have to wait to be styled. (Remember separating form from content). This is the heart of structured authoring.

He’s not a fan of browser specific features in CSS3. Prefers things to work across all browsers.

[He makes me think he could do a CSS3 Zen Garden for TechComm.]

I like his link-nudging thingy.

Wanted to explain that divs with independent classes can be overdone in HTML and therefore you lose sight of your structure with div div div. Must look and read classes to understand the structure of your page.

His take on mixed case: dislikes immensely because it causes problems. You have a harder time troubleshooting.

Prefers use of dependent classes/selectors because it is safer.

Contextual or ‘descendent selectors’ (new term). Means the second element listed after a space will only get something applied only when it is inside the previous element and possibly where that previous element specifies the class. E.g.: ‘aside.navsidebar img’

Key point he had in parting:

Remember, learning new stuff is good for everyone: you, your users, your company

[I told him about using WAI-ARIA. He didn’t know about it, but was immediately curious to learn more.]

Designing transactions successfully – Atherton

Dr Chris Atherton, Equal Experts, works with a part of gov.uk. They said they had to be accessible, usable, assisted digital, mobile. Assisted digital is helping users help themselves.

She was told she had to do user research almost every other week.

Shareable pain – film people using something and then show the film clip to the powers that be. That has a lot of power to change people’s mind.

First point: How to improve readability and usability by limiting page content. People can only take in so many things at once.

Nice transition from page full of questions to a page with one question only. Then save and continue button.

Not many in the room are doing discussions about, say, how to make forms cleaner like this example.

Great slide about war crimes. Perfect for some plain language treatment. When is less more or enough.

Snowflake pattern – I’m a snowflake, I am special. Like progressive disclosure.

Get it wrong a lot early on is my best advice

Hint text – to help you decide what to answer and hint text to help you understand the question. Subtle difference.

Dislikes free form field because it is hard to parse for the admin handling the form.

Trying hard to show only what’s relevant.

Talked about the name field that is culturally challenging.

They have to ask for Titles Mr, Mrs, etc. because a backend system requires it! We shouldn’t design for the systems, but for the people!!

Use visible navigation to frame users understanding of what’s going on and just where they are.

Cool explanation about discussing patterns to find a good nav.

A case study of enhanced user assistance in the GUI – Khurana and Tiwari

Rajesh Khurana and Rajeev Kumar Tiwari, Ericsson India Global Services presented this case study.

Wanted to place an icon in the GUI that can show context sensitive video help is available. They have traditional ? as help icon, but now have video icon to open video on right of screen to describe just the context.

Have challenges with authorisations for showing videos. User with 4 specific authorisations should only see those 4 videos.

Video reuse – for 1st time users and embedded in GUI. In other words, in different channels. Have challenges in hand-held devices because there can simply be too much info at once and not enough screen real estate.

Videos can make the application heavy, but can consider streaming.

They work in agile so they are planning their videos accordingly.

Designing user assistance for mobile business apps – van Weelden

Willam van Weelden, WvanWeelden Consultancy talked about just in time and just enough with embedded in UA. UA = user experience design. BYOD = Bring your own backdoor!!

Interesting to see the bailiff app and how security is crucial here. Showed how architecture is crucial for IT to ensure that the security is OK.

Discusses IT vs End users. IT used to tech – tools are their job. End users’ tools are just that – tools. What people think – apps are simple and not more need for support/UA.

Argues that help takes you out of the app. Separate is a bad idea. We only alleviate pain but don’t take it away!

Our creating manuals today costs money and doesn’t make sales.

Shows what he calls halfway there – opening an app that has 5-6 screens with walkthrough of what you _can_ do.

We need a new paradigm: user experience design. Customer buys the entire experience.

Thinks of interface as user assistance in itself! Becomes just in time and just enough. Always up to date and helping without being intrusive.

Best is if no one ever thanks you or notices your manual. !! Then it must be integrated well. He says if they thank you and say how the manual has helped them understand and use the product then it means the product is actually crap and you saved them and something – the entire system – is not a good experience.

Took him 1.5 years to get people to listen to him in his company. Now they listen to him and they get a better product.

UX design goes beyond service design thinking he says.

Ray’s comment is that we are all designing for user experience.

Embedded Help: nuts and bolts – Gash

We’re on to Day 2 now. Dave Gash, HyperTrain, shared the actual actual “how-to” for making embedded help.

Create content in, e.g., Flare. Each page in Flare has a unique element
Content has DITA –> Output is HTML

Just identify the pieces you want to grab and show in your application.
These must be accessible to the Web app.

Web app is JS code. He wants to read, extract, assemble, and embed.

Did one run-through with HTML which was alway a bit at high-level. Now he is showing XML. Looks almost the same, but he gives a more granular help. More specific.

He says EditPlus is a good HTML/XML editor because it has useful extra features to help check tags are done well, etc.

Uses unique IDs for the content elements.

He likes the .innerHTML attribute. [Must investigate.]

His way to improve the XML help would be to load the entire XML file into a variable so that is all accessible and available already for whever he clicks and asks for help.

He has a slide with differences. He won’t say which is better. It will depend on the situation. THe last point is interesting, thought. HTML requires build process. XML doesn’t.

Getting to know users – Atherton

Dr Chris Atherton, Equal Experts, says everyone has to start somewhere. But hard to put yourself in the position of someone who doesn’t know.

Usability testing on a shoestring. You can start small.

  1. Start with 1 regular user.
  2. Focus on an easy task – what puzzles them

Novices may be shy and feel all is their fault. So, they might not say much, so you have to observe them more than anything.

Check your ego! Just listen.

Let the other person figure it out and encourage them to talk.

Remember to remind them that nothing is their fault.

Brief and debrief

Emphasise that they can help with the good development of the software – it is empowering.

You don’t even need working software.

Scale it up like a pro. After 1 person, try testing with 6-8 people.

Find participants who conform to a relevant trends. E.g. make sure they have similar backgrounds if testing financial software so you know they have a similar basis for performing tasks.

If you can write a script, it can be helpful. Gives you something to lean on.

Note down the best quotes.

Helps, too, to have someone with you because it can be hard to talk and listen to a person while also taking notes.

Quotes can be fascinating. Can be more powerful when talking to colleagues. Also helps to catalog the common problems.

Report back to your dev team. Chris’ does a This Week in UX newsletter. Not everyone has time to document all these things. Make summaries, share a few quotes – her example is 20-50 line emails. Very quick to make and not an extra burden.

Put your important points right at the top. Don’t think chronologically if there is a hot point you want to ensure that people see.

Next level is to run regular testing days. E.g. once per month, once per sprint.

Find real users. They are motivated, even if they don’t realise it. They want good working software.

Record your sessions: Silverback, Camtasia, Screenflow.

She likes the ones that show the user doing the testing so you see them peer into the screen. Says more than any text can say.

Good approach is using post-it notes. Everything you hear or see that sounds good – jot it onto post-it notes. Then do a card-sort and structure, grouping. Leave the post-its where all will see.

Show people the clips – the more painful, the better. (Video clips of users doing testing.)

No wireframe survives contact with the user!

Concrete research findings are easier to act on than guilt feelings!

Knowing your users reduces depersonalisation.

Your benefit from doing usability testing? Quality time with others will improve your mood. Contributing to making your software better helps you feel useful. This is positive feedback.

From user assistance to user guidance (+ Business Intelligence) – Graat

Jang F.M. Graat, JANG Communication, says Business Intelligence is where the money is.

User assistance – minimalism. Only add something to the equation if you absolutely have to – Occam’s Razor!! He “invented” minimalism, says Graat with a smile.

Weakest link is the mind that thinks ‘Oh, I thought…’ Eliminate that from user assistance and turn it into user guidance.

Procedure will lead the user.

Has good slide about getting big data – usability research, customer feedback, service staff reports, surveys.

Jang gave good example of an engineer coming up to an engine that needs repairs and thinking I know what to do, I don’t need to read the help, but they have, despite much experience, not worked on THIS engine before so they can make serious mistakes.

A technical writer’s role in redesigning the application UI – Tkaczyk

Agnieszka Tkaczyk, IBM, gave an excellent presentation. I hope to see and hear more of her in the future.

Tech writers are good people for usability.

She showed a great example of a long, long answer for how to disable SSL, but no one had looked at the interface. All that was needed was ‘clear the Use SSL check box’!!!!

Answers to requests to make good changes: It doesn’t have impact!

Showed how she went through and helped to re-write some UI content.

Cool. When Agnieszka was preparing for her talk and looking for examples, she found inspiration for fixing the UI!
Thanks to the conference she was able to log some errors about the UI which gave her great satisfaction because she was always getting errors logged about documentation.

She showed example of bad design of error information and how she proposed new designs to make the information more clear.

In Q&A, Rajeev said he gets his ideas registered in backlogs so he can record metrics about his worth.

Matthew Ellison, UA Europe – How long is a topic?

He collects examples of help as a hobby.

He’s seen things in help that are cool, but he’s never tried them. That realization surprised him. He wondered if we ever used them and whether it was help at the wrong time.

Evernote added a subject to the note Matthew started at UA conference in Palm Springs.

Articles should be neither too big nor too small – advice from wikipedia on size of articles.

He gives a definition of a topic:

  • 1 idea, 1 topic
  • A tpoic supports 1 task
  • An answer to a question
  • Shortest effective piece of communication

His definition: self-contained cluster of chunks of information, where each piece depends on the others for context, on a single theme with an overall narrative flow.

Topics should have a narrative flow!

The way you link stories together improves the understanding (he referred to a talk by Tom Johnson at a past UA Europe).

Funny anecdote about the related links. He used to think people loved his writing so much they wanted to see more. Now he knows they are mostly surfing and not happy with what they got and they use the links to move elsewhere.

This was a very entertaining talk, but I am not going to give you the answer to how long a topic should be! You can share your answers to the question in the comments.

Conclusion?

This is a nice size crowd with good presentations, but ample opportunity to chat with the other attendees and talk about the nitty-gritty of your daily routines – and your dreams and hopes. I know the 2015 conference – the 10th anniversary conference – will be somewhere in the south of England next year. The location doesn’t matter. I am ready to register as soon as the virtual doors open.

You can see my conference photos over on Flickr. I’ll be posting my post-conference-sightseeing-in-Krakow-area photos in a few days.

By the way, if you love mixing conferences and tourism, too, check out the soap! conference in Krakow 2-3 October 2014. I liked Krakow, and I like the idea of supporting this young technical communication conference. They have an energy that can inspire you in your own techcomm world.

My Ignite talk at UX Camp CPH 2014

My Ignite talk on the first day of UX Camp CPH was a success! Here is the transcript. The video is available on Slideshare and is embedded at the end of the transcript. All images are described here in parentheses for each slide. If there is an RM before the word “image”, it means the images come from Rosenfeld Media’s Flickr account where they are CC by 2.0. All other images are my own or from Wikimedia Commons .

The text here is my guess as to what I said! It was based on some key words, but somewhat spontaneous and changed over the many times I practiced!

Slide 1

Hi. We are going to talk about user experience over today and tomorrow here, in case you hadn’t noticed. I want to talk about accessible user experience. I have a few minutes to discuss this. You have a lifetime to follow up.

Slide 2

Let’s start with an example of a pain point we all know. The cost of the development/design lifecycle. Fixes are cheap early on, but expense late in the process. Accessibility is often thought of late, so it’s expensive, so it gets dropped. How can we change this pattern? (Image shows an x, y axis with a Euro sign on the y axis and a clock on the x axis. A curve starts low on the money and time axes and moves right, curving up to be high on the money and time axes. Hand-drawn in Sketch on the iPad.)

Slide 3

There are a couple of books that can help you build accessibility in from the beginning. One is the free, online book called Just Ask, which is a great resource. I want to focus on A Web for Everyone published in January by Rosenfeld Media – a sponsor! It’s the inspiration for my talk.
(Images of the two books’ covers.)

Slide 4

The authors [Whitney Quesenbery and Sarah Horton] propose a framework of 9 principles for helping you build a practice of accessible user experience. I am going to introduce you to those 9 principles now.

  1. People first
  2. Clear purpose
  3. Solid structure
  4. Easy interaction
  5. Helpful way finding
  6. Clean presentation
  7. Plain language
  8. Accessible media
  9. Universal usability

Slide 5

Principle 1. People first
I hope this is an obvious choice for you. You know about personas. Well, are you designing for differences? Are you working with people with disabilities? (RM images for some of the personas from the “A Web for Everyone” book: Persona Carol, Persona Trevor, Persona Jacob, Persona Lea) You really should be because…

Slide 6

Disability is … a universal human experience. (Extract from a quote from WHO at http://www.who.int/classifications/icf/en/) I keep using this quote in my presentations and will continue to do so to hammer home this message. We all have various abilities and we should be designing for them.

Slide 7

When we ignore people with disabilities, we are creating Digital Outcasts. Technology can leave these people behind, but… necessity being the mother of invention, they are doing it for themselves. A lot of innovation is going on here. Why not work with people with disabilities and benefit from that synergy?
(Image of the book “Digital Outcasts” by Kel Smith.)

Slide 8

Principle 2. Clear purpose
This is having clear goals. Imagine working on the user experience of voting forms for an entire nation. You certainly need to consider different abilities. Once you start working that way, I think accessibility will always be part of how you work. (Reference to a quote from Sarah Swierenga, Director of Usability and Accessibility Research Center, Michigan State University, in the book.)
(Image of one of the “Field Guides to Ensuring Voter Intent” from http://civicdesigning.org/.)

Slide 9

Principle 3. Solid structure
Of course, you need a solid structure underneath all your design. Built on standards. For example, headings that can be seen visually, but also interpreted by a screen reader.
(RM image of jelly bean page on wikipedia and an image of a screen reader listing headings.)

Slide 10

Principle 4. Easy Interaction
Things should just work. This continues the idea of the standards coding. You shouldn’t have a keyboard user get trapped inside a video viewer where only a mouse click can help them escape. A blind person wouldn’t use a mouse.
(Screenshot image of Easy YouTube from http://icant.co.uk/easy-youtube/.)

Slide 11

Principle 5. Helpful Wayfinding
When you click on a link on a page, do you get to the destination you are expecting? When you get there, can you find what you are looking for? I let these pages speak for themselves.
(Two screenshots from the Danish-language site Virk.dk about setting up the Danish Digital Mailbox: first, the page about setting up the digital mailbox where I clicked the link in step one on the page to get to the actual task of setting up the mailbox.)

Slide 12

Principle 6. Clean Presentation
This covers typography or color. I show an image of 6 lines of color. I placed colorblindness filters on top of part of that image. What colors are you perceiving? What does that mean for your design?
(Images from wikipedia: The Rainbow flag and the same image manipulated to show protanopia, deuteranopia, and tritanopia.)

Slide 13

Principle 7. Plain language
Let me emphasize. Plain language is not dumbing down. It is using the language that is appropriate for your audience so they can start their conversations. I love Ginny Redish. This is a great book. Just go buy it, read it, and keep it on your shelf for reference.
(Image of the “Letting Go of the Words” book by Janice (Ginny) Redish.)

Slide 14

Principle 8. Accessible media
Do you have audio or video on your site? Are you preparing audio description, captions, or transcripts for them? These benefit not only the deaf and blind communities. Others can use them, too.
(Image taken from one of my older presentations where I describe how to caption YouTube videos.)

Slide 15

Principle 9. Universal Usability
Here we have the 9th principle where we can transcend technology and just be ourselves and enjoy our lives without a lot of clunky things to bother us.
(Image of a TDD machine to represent the old way and a screen shot of a man using Apple’s FaceTime to sign with his girlfriend on the iPhone 4 from a YouTube video.)

Slide 16

So why not get started with baby steps? May 15th is Global Accessibility Awareness Day. Try unplugging your mouse that day, all day. How much can you do at all without the mouse? Try it! (Follow @gbla11yday on Twitter plus the #GAAD hashtag.) (Image of statue of mother holding a baby taking steps.)

Slide 17

Or could you sign your name to a document stating that you had considered accessibility throughout your project and that you had involved people with disabilities in your research? Could you do that?
(Image of John Hancock’s signature. The quote on the slide “…a document must be signed off by the responsible party annually to show that you have considered accessibility in your design and you have reached out to the user community and experts in the field…” comes from the episode of A Podcast for Everyone about CVAA with Larry Goldberg.)

Slide 18

I don’t think that the creators of the Danish Digital Mailbox took any of the 9 principles into account. Of course the book didn’t exist then, but perhaps we lack enough knowledge in the Nordic area?
(Screenshot of the Danish-language site Malene and the Digital Mailbox in Danish only that covers – in Danish – one person’s troubles with the Danish Digital Mailbox. See also another great article – in Danish by Susanna Rankenberg for additional excellent discussions on the same topic.)

Slide 19

I could only think of Funka Nu in Sweden as a place that works with accessible user experience. Are there others? Maybe we need to build more knowledge. This could be a business opportunity for you.
(Screenshot of the Funka Nu website and a link to the Swedish languge page with their mobile accessibility guidelines in multiple languages.)

Slide 20

Maybe you can go out and be the early bird who gets the worm. You can build the knowledge that helps you saves costs for customers so you can build a web for everyone.
(Image of robin feeding a worm to a young robin in the nest)