Have you thought about the gender choices on web forms?

I’ve never had a problem selecting the Female option on a form asking me whether I’m male or female. Never a pause for thought, never an unsure moment. Nothing in my long life ever prompted me to hesitate over the choice between male or female.

An easy choice is probably the case for most people.

But it’s not the case for everyone.

A year or so ago, I watched a presentation by maymay that opened my eyes to the fact that not every person on the planet is quite so confident when faced with a binary gender choice. (I wish I could find that presentation now, but I don’t see a link to it on maymay’s site or blog.) In that year, the problem caused for some by  limiting the gender choices to two options has been percolating in my brain.

A good bit of my thinking dealt with whether or not something about this should be taught to students of web design, in the same way that accessible form design is taught. I didn’t have any brilliant ideas about how to deal with the issue in terms of educating students about what might be a better practice, so I just let the thoughts rattle about in my head.

The fabulous Sarah Dopp does have some brilliant ideas about this. On  Dopp Juice she recently posted Designing a Better Drop Down Menu for Gender with four very good suggestions to replace the binary option of either male or female. The simplest is just stop making the gender option a required form field. Another simple suggestion from Sarah is to don’t even ask the question. She also suggests having a third option—something like “it’s complicated” or “decline to state.” Her fourth idea was a sliding scale.

A lot of people support the idea of having more than two options. A Facebook group petitioning Facebook to include more gender options has almost 19,000 members.

On Dopp Juice, there’s an earlier post that will help you understand the dilemma the gender form field presents to some people called Genders and Drop Down Menus. Another helpful post to clarify the problem for you is Beyond the Binary: Forms at this ain’t livin’.

I invite you to think about the issue of how we deal with gender identification in forms. Also, think about whether there a need to address this at an education level from the angle of best practices, accessibility, or human rights.

Useful Links: Accessibility, Valentine’s advice, Google Buzz

Tools for Conducting and Accessibility Review is an excellent summary by Angela Colter of the tools you should gather and use when doing an accessibility check. Read the comments, too, as some additional tools are mentioned by Jared Smith from WebAIM.

The couple who hold the record for the longest marriage are answering questions about romance on Twitter for Valentine’s Day. Married in 1924, Herbert and Zelmyra Fisher are willing to share their tips for keeping the romance alive from their Twitter account at @longestmarried. Send in a question, they’ll pick 14 questions to answer. Don’t ever assume anything about older people and what they can do with technology, you’ll probably be wrong. And by the way, it’s an insult to say something is so easy your mom or your grandmother could do it.

Okay. So what are you thinking about Google Buzz? Is it great or terrible? Will it make life easier or more exposed? Is combining all your information streams into one a good idea? Talk to me.

[polldaddy poll=”2685110″]

Useful links: accessibility mistakes, WAVE in Dreamweaver, countdown to mobile, Gartner predictions, ePub for Web Designers

Common Accessibility Mistakes at Visual Twenty-Eight is a good checklist of things to make sure you aren’t doing.

WAVE Dreamweaver Extension is just out from WebAIM. It’s in beta, and there are some limitations at the moment. Now you can get a WAVE report on your page right in Dreamweaver. Super!

Gartner forecast

The road to 2013: A timeline for newspapers at RJI Mobile Blog talks about Gartner’s forecast that “By 2013, mobile phones will overtake PCs as the most common Web access device worldwide.” Donald Reynolds, the RJI Mobile blogger, says:

This is a killer deadline — within 35 months the whole newspaper industry needs to move its emphasis from the static Web to the mobile Web.  From 17-inch displays to 3-inch displays.  From full keyboard and mouse to one-handed navigation.  And you can’t really wait until the deal is done if you want to be a major player in technology.  If Gartner’s prediction is accurate, newspapers really have just 18-24 months to position themselves as the leading news content provider for mobile platforms.

I look at a statement like that and my educator background kicks in with questions like

  • Are we teaching web design students enough about making mobile-ready content?
  • Are there enough trained developers in the industry who can create an effective mobile site?
  • What should educators be doing with curriculum when faced with trends like this?

The entire set of predictions by Gartner are relevant to educators.  Here are just a few:

  • By 2012, India-centric IT services companies will represent 20 percent of the leading cloud aggregators in the market (through cloud service offerings).
  • By 2014, most IT business cases will include carbon remediation costs.
  • Internet marketing will be regulated by 2015, controlling more than $250 billion in Internet marketing spending worldwide.
  • By 2014, over 3 billion of the world’s adult population will be able to transact electronically via mobile or Internet technology.

The full report from Gartner Predicts 2010 is available from Gartner.

ePub

What Web Designers need to know about ePub from Nimbupani Designs explains what ePub is:

EPUB is a collection of 3 specifications:

  • Open Publication Structure (OPS) 2.0, defines what formats are allowed to be used for the content (e.g. XHTML 1.1 and CSS 2).
  • Open Packaging Format (OPF) 2.0, describes metadata, and structure of the .epub file in XML
  • OEBPS Container Format (OCF) 1., specifies the directory structure of the EPUB ZIP archive.

This looks like an opportunity for a web designer who knows how to create effective document structure and formatting, or as Nimbupani says,

Most e-books today are created by automated tools which are, at best, tag soup generators with no concern for design. My guess is publishers who consistently output great e-book designs would do much better in the marketplace.

Useful Links: iPad accessibility, Gmail, browser share, textbooks

ATMac tells about Accessing the iPad: Mouthsticks and Styluses with some tips for how a user with limited mobility can work the device. It’s useful to also read ATMac’s post Accessibility and the iPad: First Impressions.

In the category of “stuff I didn’t know you could do but it sounds really great and I want to try it” comes this news from Demo Girl: How-to: Google Search in Gmail.

Where did Internet Explorer’s Browser Share Go? in an interesting look at trends in browser usage. I tried to have an effect on this trending information by installing Chrome on my Mac, but it won’t open after it’s installed. Instead I just get error messages.

Yes, there will be textbooks on the iPad. At least according to this article in the NYTimes.

Useful Links: Microformats, HTML5 Mess, gender issues, accessibility conference, CSS spirites, Twitter in class

Microformats Workshop is the slides by Emily Lewis from the Workshop Summits event. Outstanding presentation, excellent slides.

SitePoint Podcast #44: HTML5 is a (Beautiful) Mess is a discussion about HTML5 and related issues among Sitepoint’s Kevin Yank, Opera Software’s Bruce Lawson, author Ian Lloyd, and Kyle Weems  of the CSSquirrel web comic.

whose voice do you hear? gender issues and success from apophenia is a response to Clay Shirky’s Rant About Women. Read the rant and all the comments before you read what apophenia said.

California Web Accessibility Conference in February is a Knowbility event. That means it will provide you with the best possible accessibility training available anywhere.

CSS Sprites is an online app that will take your images and generate a sprite and the code to make it work. Nice time saver.

Using Twitter to Facilitate Classroom Discussion is about a history class. How could it be used in a web dev or web design class?

Review: Web Design for Developers


get this book at amazon.com

A review by Web Teacher of Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques (Pragmatic Programmers)

(rating: 3 stars)

Web Design for Developers: A Programmers Guide to Design Tools and Techniques by Brian P. Hogan, is, as the title suggests, aimed at developers rather than at designers. In just over 300 pages, Hogan tries to cover everything about creating a web site starting from initial pencil sketches to the finished product. Included are chapters about color, typography, structure, content, HTML, CSS, print and mobile CSS, cross-browser isssues, accessibility, search engine optimization, testing and a set of resources.

The list of topics sounds really good. It’s a lot to ask of one book, and it’s a decent book, but it isn’t a great book. The 300 pages are a restriction. Some things that could take a whole chapter to explain were mentioned with one or two sentences. There are good tips and techniques in the book, but there are also a number of things about the book that I found problematic. For example, in the section on building the home page search form with HTML, the notion of using the <label> with form fields is ignored. Later in the book, the developer is told to go back to the form and add <label> elements for the sake of accessibility. I’m glad he got around to mentioning it, points for that, but doesn’t it make better sense to tell a developer how to design an accessible form right the first time it’s mentioned? Otherwise, it feels like something you might do after you’re finished if you feel like getting around to it.

Some of the information seems out of date. The accessibility chapter talks about using access keys, an idea that’s no longer considered best practice. The use of unobtrusive JavaScript is mentioned in passing after several JavaScript ideas that are not unobtrusive have been trotted out. A tag cloud example is given with links reading <a href="#">. The use of the pound sign in the element is explained by saying that it will be replaced programmatically later, but that programming is never mentioned.

The sections on color and typography were good. The sections on images and image optimization were good.The coding examples in both HTML 4 and HTML 5 for the layout were well done. I had to keep reminding myself that the audience for this book is developers who are adept at things like Java or Ruby or PHP but don’t necessarily know how to make a web site look appealing. Limited and flawed as the book seems to a web standards advocate like myself, to a developer this might be the quick and simple guidance that is needed for a project.

When I read the title of the book I initially thought it might be something along the lines of the classic The Non-Designer’s Web Book by Robin Williams, with its explanation of design techniques. The title gives that impression. However, this book is nothing like that.

Summary: A general and wide-ranging look at web design techniques.

Technorati Tags: ,

Useful Links: Transcripts, HTML5, IE/Google, Harley, Mighty Meeting

Transcripts on the Web: Getting people to your podcasts and videos at uiAccess provides valuable resources for creating transcripts of audio and video.

My (current) opinions on HTML5 from Dori Smith is a reflection on the writhing mass of eels known as HTML5 and what has happened in that arena in the last few days. Dori has some ideas about what the lack of accord among the people working in this area may mean in future real world terms.

Microsoft admits Explorer used in Google China hack from the BBC explains what Internet Explorer 6 had to do with the recent attack on Google from Chinese hackers, and what Microsoft is doing to help fix it.

Harley unveils “Pink Label” line of merchandise makes me think maybe Harley wasn’t watching when Dell tried to come out with a line of “girly” computers.

Mighty Meeting Lets You Conduct PowerPoint Presentations from your SmartPhone. Remember, oh a couple of years back, when conferences were a sea of laptops and the speaker needed a big projector and a couple of people on hand to make sure all the computers worked with the projector? All gone.