Long Week in Technology Last Week

It’s been a long week in technology for me this week. I spent about five or six hours on both last Saturday and Sunday working on the website for my accessibility talk for the Refresh DC meet up on Thursday night. This is the prototype for the DC Tech Skills website I’m building so the Washington, DC, technology community can post their skills and then find others that either have the same skills or might need help on projects for skill they need.

Monday was long day at work  with one meeting that ended up needing a few changes and a few other meetings were canceled. The rest of Monday night was spent updating the “Accessibility“ slides I had prepared for “BarCamp DC“ talk back in mid August, 2007.

Tuesday was spent working on getting stuff ready for a move of code to PROD, which never happened. I took a few hours off in the beginning of Tuesday night to go to the “Opportunities & Challenges of the One Laptop Per Child (OLPC) Project” meet up. It was really cool to be able to get to use some of the other features of the OLPC has besides the internet. We had a “Chat” going  and afterwards demonstrated the “Write” and “Memorize” activities to people. Then it was home for about three more hours of presentation work.

Wednesday was filled with meetings and luckily a few were canceled. I’ve had more meeting in the last few days than I normally have in a month. I got approval to move code to PROD for one project. I have like two others that just need user/client review and approval and I’m good to go to PROD.

I got home from work around 5:00 PM and started working on  the final dozen or so slides. Things were going well so I took an hour off to watch the Discovery Channel. I forget what the show was, but it must have been good that i took and hour off to watch it. Once that ended I started back on the presentation. The first thing after the TV show my laptop would not type. There was a problem with the keyboard. I saved things and re-booted.

Around 12:15 AM my keyboard  stopped working a second time. I used the mouse to save everything before re-booting the PC.  The only problem was that it never re-booted. At that point I guess I must have said a few four letters words, since I had not uploaded a copy of my presentation to the server or made a backup in over a day.

After walking into the living room and then the bedroom to try and figure out what I might have to do next. I remembered my friend from Rochester, NY, saying that COMPAQ laptops sometimes won’t re-boot if you have them plugged in all the time and don’t let the battery drain every so often.

So the first thing I did was take the battery out and just used the power cord and that did not work. Next was put the battery back in and unplug the PC and that worked. First thing after twittering about the problem now at like 1:45 AM I put a copy of everything on the server, and two different thumb drives. By 1:00 AM, I was back and finishing the presentation.

I ended up finishing it around 2:15 AM and spent the next bit of time re-copying the updated information to the server, thumb drives, and into another folder on my machine. It was then 2:30 AM and I tried to get to sleep but was to wound up. Finally went to sleep after 3:00 AM. The latest night in five days. All the other nights it had been between 1:00 and 2:00 AM.  I’m getting to old to stay up five night that late.

Thursday morning it started sinking in that close to 100 people were now going to show up to listen to me talk about accessibility. It was just a bit surreal, since when I was at SXSW 2007, I went to most of the accessibility talks and only 50 or 60 people where there to listen to the likes of Derek Featherstone, Ian Lloyd, Patrick Lauke, Glenda Simms (Glenda the Good Witch),  and many others.

These people are proven accessibility experts. I felt like just some guy from Washington, DC consulting for the Army that is really passionate about accessibility.

I had sent the link to two friends to look over early in the morning. I got some feedback from one that I should run the presentation through a spell checker. I said it’s hard when it is done using “S5“, which is HTML based. A guy from the office said paste it into word and run it through, while overriding the code parts. I did this over my lunch. My friend read the whole thing over during his early lunch and liked most of it.  He thought the topic might be to long to get done in the hour I had along with a few other suggestions to improve it some. While on my lunch I made most of his changes along with using a bit of his wording, since it made more sense than what I had first written.

One of the people from work noticed that my accessibility talk was the most popular event on Upcoming for the DC area that day. Once I looked it up I got rid of the DC part and looked and it was the third most popular event  for that day anywhere in the world. The first place event was a  new Flickr feature meet up in San Francisco and then a “MacWorld” meet up in San Francisco. Our event was even about 25 people larger than the London “Pub Standards” meet up. This was just unthinkable to me. It put me in a bit of a panic most of the morning and early afternoon.

After the lunch of updating  my presentation I was much better and the panic slowly went away. The rest of the afternoon flew by because I had to finish some work and move other things to PROD server.

I headed home around 4:30 PM to pickup my computers and get to the Refresh DC meet up early to make sure everything was ready and working correctly. By this time it seemed like everything was okay and I was relaxed on the Metro trip there.

I guess I finally realized I had been thinking about this presentation for the last few months and what I wanted to present. So when it finally came to doing the presentation all the stress, lack of sleep, and everything just went away.

I thought the presentation just flowed out of me. Part way through the presentation I asked the audience if I was going to fast and if they were understanding it. They said no my pace was fine and that yes they understood my talk. I thought I was talking like a million miles a minute. At another point I asked how long it had been and they said like twenty minutes. I was not sure if that meant I had talked for that long or that was how much time I had left.

I got to questions around 8:14 PM (I looked at the computer clock). I guess I had kept the presentation to close to an hour, since we waited a little bit because of the poor weather (snow with rain at rush hour). During the question time I took two photos of the audience of about 50 or 60 people, while someone was answering an audience members question that I had no experience or answer for.

After the talk and then at Cafe Asia everyone I talked to really like the presentation and had only good things to say to me about it and this was other people than my friends.

Now for the general overview of my talk, for those that might have missed it.

  1. Explained a few personal stories of why I’m so passionate about accessibility. One being seeing all the soldiers that come to Pentagon from Walter Reed Medical Center. Meeting Pat Pound at the Knowbility booth in Austin, TX at SXSW 2007. Also having Charles L. Chen show me his great free software, which are two Firefox extensions. One being a page reader called “CLiCk Speak“and the other being “Fire Vox“, which is a paired down screen reader.
  2. The next section was on using “Skip Nav” and “Access Keys” and how useful they are to people that need them.
  3. After that I then talked a bit about the “Color and Contrast” of website and that Text plays an important part of usability for everyone that is sighted.
  4. It was then on to how to build proper data tables by having a “Summary” element to explain what the table contain, along with a “Caption” of the table instead of having header in front of it. The final piece about tables was that you need table headers and then information on you cells to identify what pieces go together.
  5. We got into the longest section of the talk which was about “Forms”. I explained that you need “Fieldsets” and “Legends” to group similar content together and say what it was. The next idea was to put “Labels” and “Input Controls” in either “UL” or “OL”, so screen readers will tell you how many items are there and people will know how many fields they need to fill in. I also explained all the other “Input Controls” in a form and their attributes.
  6. I explained how the “Search” box needs to have the word “SEARCH” in front of it so you can tell what it is, along with using the word “Required” on fields. This is done using the same technique that you used for “Skip Nav”.
  7. The last thing I talked about before questions putting error messages in the label, such as “User name can not contain spaces”.

A lot of the slides have examples of code or links to other articles or my examples of items in use.

The busy technology week did not end with my “Accessibility” talk, no I attended the “DC Adaptive Technology“ talk at the MLK library Saturday afternoon. Because of the issues with Metro maintenance I was not able to stay for the whole talk. The part I did see was about using “Dragon Naturally Speaking“ some scripting code to allow people with visual issues to use Microsoft Word and other products much easier. It was cool watching the guy giving the presentation talk into his microphone and then seeing the words on the screen. By using certain commands he could start, stop, or edit the files that he was in. He could even get software to open and close.

This has been a long week in technology for me and it probably will not be the last one like it. I have also been working on a few different accessibility blog posts to be posted in the next week or so.

Please tell me of similar weeks like this you have had or if you enjoyed my presentation.

Posted in 508 Compliant, Accessibility, Adpative Technology, Charles L. Chen, CLiCk Speak, DC Adpative Technology, DC Tech Events, DC Technology Network, Firefox, FORMs, Helpful Tips, Helping Others, HTML, Martin Luther King Jr. Library, OLPC, One Laptop per Child, Refresh DC, Say-Instead, Washington, DC, Web Standards | 3 Comments

Accessibility Presentation Slides from Refresh DC Meetup

Thanks, again for all of you coming out to here a talk on Accessibility.

Here are the “Is Your Website Accessible” slides from my presentation on 2008/01/17.

I had a great time this evening doing this. It was worth all the late nights getting ready for the Refresh DC meet-up.

Posted in 508 Compliant, Accessibility, FORMs, Helpful Tips, Helping Others, Refresh DC, Washington, DC | 6 Comments

Refresh DC Accessibility Presentation – 01/17/2008

I will be giving an Accessibility presentation at the Janruary 17, 2008, meeting of Refresh DC. The following is the important information:

Thursday, January 17, 2008 7:00 PM – 8:00 PM
Greater Washington Board of Trade
1725 I Street NW, Suite 200
Washington , District of Columbia 20006

Please make sure to register on Upcoming so they have an idea of how many people are coming.

Posted in 508 Compliant, Accessibility, CLiCk Speak, CSS, Helpful Tips, Helping Others, HTML, Refresh DC, Washington, DC, Web Standards | 1 Comment

Use of UL or OL in HTML Forms

I just finished re-reading Roger Johansson’s wonderful article entitled “Use the label element to make your HTML forms accessible“.

I agree with everything he said, except I think by putting the label and the input elements as part of an un-ordered list (UL) or an ordered list (OL) the screen reader will announce how many items are in the list. By doing so you can then place an UL or OL inside a FIELDSET, which will inform you of how many fields you need to be filled in. This number might be greater than the actual number of items if you have lines of text in the middle of the form field list.

I found this great piece of information about using UL or OL in forms from Justin Stockton when he was looking over a form I was building. He either asked “Why I was using the <BR> tag?” or “Why I had form elements inside of a <P> tag”. I told him that was how I learned to create my forms from articles I had read. He suggested using the UL or the OL for form items. After that, by like only a day or so I was listening to either one of Derek Featherstone, Aaron Gustafson, or boths podcasts about accessibile forms and they mentioned the same thing.

Here is a short  code example for filling out personal information on a form:

<fieldset>
<legend>Personal Information</legend>
<ul>
<li>
<label for=”first_name”>First Name</label>
<input type=”text” name=”first_name” id=”first_name” />
</li>
<li>
<label for=”last_name”>Last Name</label>
<input type=”text” name=”last_name” id=”last_name” />
</li>
<li>
<label for=”company”>Company</label>
<input type=”text” name=”company” id=”company” />
</li>
<li>
<label for=”title”>Title</label>
<input type=”text” name=”title” id=”title” />
</li>
</ul>
</fieldset>

Now here is what the code looks like as a form:

Personal Information




Of course you will need to use a bit of CSS to make this look better. You can remove such things as the fieldset border and do a bunch of other things to it. Here is the same example with CSS added, nothing fancy. When you use UL or OL in the fieldset you will be improving the accessibility of the form in my opinion.Please give me your thoughts on this matter of using UL or OL inside a fieldset.

Posted in 508 Compliant, Accessibility, CSS, FORMs, Helpful Tips, Layout, Programming, Web Standards | 4 Comments

A Few Quick Things About the OLPC

Yesterday I met Justin Thorp, Rodney DeGracia, Stewart, and Partica over at Murky Coffee in Arlington, VA with our One Laptop per Child machines (OLPCs). We had a good time talking about our new laptops. Stewart even mentioned that the OLPC he had brought with him was his daughters. He had purchased it for her and when he got to using it he like it so much that he did the Give 1 Get 1 again, before the dead line of December 31, 2007, so he could have one for himself.

We played the memorize game with each other over the mesh network. Justin and Stewart used the mesh network to collaborate on a document. It was fun watching Stewart type in his version of the document and then the changes happen on Justin’s in an instant.

There were three items that I had noticed before and wanted to re-test and look at with others there to make sure I was not imagining things.

The first thing was that if you have fixed width website that is greater than 800 pixels you will have to scroll your screen horizontally. The width might be slightly less than 800 pixels, I’m not sure the exact number. I know that my main website, which is 750 pixels wide fits in just fine. One of the OLPC websites does not fit on the screen has to be scrolled and I can’t remember which one right now. You would hope that their own website would fit on their machine. I figure they’re busy and have other things to do that are more important right now.

The second item was that when you fill out a form field or URL that you have done before it does not give you a list of what you have already typed before. This is not a big problem just a nuisance for someone that has used computers for years, but for someone that never has they will not know this information. It looks like the OLPC will let you save cookies, since I marked my Hotmail to remember me  on it and it did I will have to check this out more to make sure it is correct.

The final item and the one I find more interesting and troublesome is that if you have an application that puts up an alert box up it never comes up. I found this out by trying to delete a Twitter message that I had typed wrong on my Twitter account while using the OLPC. On Twitter when you request to delete a message it puts up an alert box that says “Sure you want to delete this update. There is NO undo!”. If you are using a normal machine it comes up fine and give you the option to hit “OK” or “Cancel”. Well when using the OLPC browser this message never came  up. You click the trash can to get the delete function to work and the little circle just spins for awhile, stops, and then nothing happens.

I know that most of the web forms and applications that I have built or maintain now have alert boxes that come up to show errors in the page, etc.. Time to test this out on a few other pages first to make sure I’m correct on this assumption. This could be a problem that makes it difficult for people with these machines to accomplish different tasks that include forms. This puts a barrier up and makes it an accessibility issue to those people using the OLPC. Hopefully it is only a temporary thing until they get it fixed. I know of a lot of web applications will show you a list of errors by putting them in an alert box. By using web standards for your websites I think you will keep away from problems that the OLPC can not handle.

Have any of you noticed either of these problems with your OLPCs or is there any other things I might have missed using my machine. This information would be helpful to me and others for when we are building web pages ad applications to make sure they work on as many devices as possible. If things go well there will be millions of these out in the world in a short time.

Posted in Accessibility, Activities, FORMs, Helpful Tips, Helping Others, Mesh Network, OLPC, One Laptop per Child, Web Standards | 2 Comments