Scott Gruber This site is handcrafted with love by Scott Gruber. en-us Fri, 14 Aug 2020 09:43:58 -0700 Fri, 14 Aug 2020 09:43:58 -0700 Inclusive design Fri, 31 Jul 2020 22:08:00 -0700 Scott Gruber Long distance PR Sun, 26 Jul 2020 13:45:00 -0700 Scott Gruber A Domain of One's Own Meetup Thu, 23 Jul 2020 09:44:00 -0700 Scott Gruber Web Accessibility Specialist Thu, 09 Jul 2020 08:59:00 -0700 Scott Gruber
  • IAAP Web Accessibility Specialist (WAS)
  • Body of Knowledge
  • Accessibility Pro Certified: To Be or Not To Be
  • IAAP Certification Exam registration
  • International Association of Accessibility Professionals (IAAP)
  • ]]>
    Two years today Wed, 08 Jul 2020 07:43:00 -0700 Scott Gruber I've reached a personal milestone of two years since taking the first steps out of depression, anxiety and addictions.

    The work has been rewarding and challenging. For the next 2-3 days I plan to reflect on my past, check-in with my mental well being, and set my compass on the next steps on my journey. 

    Accessibility Testing Methods and Tools Sat, 04 Jul 2020 19:38:00 -0700 Scott Gruber Add webmention.js to my site Sun, 28 Jun 2020 13:29:00 -0700 Scott Gruber At this year's IndieWebCamp West 2020. One session in the schedule was on Codeless automation tools and the indieweb + How webmentions and the web work helped me wrap my head around how HTTP Requests work. I recommend watching the session. Peter Molnar's gave a concise, clear introduction of what happens during automation and HTTP requests. His talk helped less technical people, like myself, to better understand how the web works.

    webmention.js a client-side library for rendering webmentions from

    My setup notes

    1. Fork webmention.js to my GitHub.
    2. Clone to my local computer
    3. git clone

    4. Add webmention.min.js file to my site's js folder

    5. Add webmention.css to my scss folder and rename it _webmention.scss
    6. Add <div id="webmentions"></div> at end of an entry post for articles, links and notes.


    • Big thank you to @fluffy at IndieWeb Camp West 2020 for inspiration and sharing code.
    • IndieWeb Ring
    Learning Hypertext Transfer Protocol Sat, 27 Jun 2020 16:12:00 -0700 Scott Gruber Work to become antiracist Sat, 27 Jun 2020 09:38:00 -0700 Scott Gruber
  • Racist by design white by default
  • Reflect and rebound
  • Get over your feelings.
  • Intention without strategy is chaos
  • When the tables are overturned who do they land on?
  • Believe in harm reduction.
  • Dialogue is focused on understanding not providing proof
  • Antiracist is the standard
  • Strategy Basics

    • Codes of conduct
    • Execution and enforcement
    • Apologizing and making amends
    • Get comfortable living in the gray
    • It's not about my feelings. It's not about me.
    • Make an effort to understand what is being said.
    • It's not about your intention, it's about your impact
    • Don't make it about yourself
    • Receive the gift of feedback.

    • Lack of inclusion is a risk management issue

    • Prioritize the most vulnerable

    The closest an individual is to whiteness [the default] the greater...

    • their access to privilege
    • their ability to determine and set the status quo
    • the chances of being extended the benefit of the doubt
    • their feelings are prioritized
    • the impact of their behavior is evaluated from an ”assume positive intent” perspective
    • the expectation of being treated with compassion and empathy
    • Stop looking for simple solutions to complex problems
    • Look for patterns
    • Equity over equality
    • Impact over intention
    • Question everything that you've been told/taught about yourself and your world


    1. #BlackInAstro: How Can We Support Black Astronomers?
    2. White by Law
    3. In 1967, at the Ebenezer Baptist Church in Atlanta, Georgia, Martin Luther King spoke about the "new phase" of the struggle for "genuine equality" 11 months before he was assassinated.
    4. Brazil in Black and White
    5. Brazil In Black And White: Update
    6. Twenty-First Century Blackface
    7. Dismantling White Supremacy And The 5 Stages of Grief
    8. How Can We Win
    9. The Door to Systemic Change is Open. Why Now?
    Introduction to Being an Antiracist Sat, 27 Jun 2020 08:40:00 -0700 Scott Gruber Web Accessibility : Form Labels, Instructions, and Validation Sat, 20 Jun 2020 19:19:00 -0700 Scott Gruber I can help you.

    I can conduct an audit and provide specific actionable recommendations how you can improve forms semantically and programmatically.

    I've completed the Form Labels, Instructions and Validation course today at Deque University's IAAP WAS Certification Preparation Curriculum Program to prepare me to take and can share the knowledge with you. The course provided plenty of good examples how to write semantic HTML for forms, labels and instructions. The course also took a deep dive into programmatic strategies for form validation, error handling and successful completion messages. One small example would be to dynamically change the page title to indicate an error or success after a form is submitted. A page title is the first thing a screen reader reads so is a good way to communicate to a user what happened after submitting a form.

    The course covered the following:

    Ensuring users can understand and interact successfully with forms, including field labels, group labels, instructions, required fields, HTML5 input types, form validation (success and error messages), etc.


    Web Accessibility, Part 7: Form Labels, Instructions, and Validation Sat, 20 Jun 2020 19:18:00 -0700 Scott Gruber 53 Input Purposes for User Interface Components Sat, 20 Jun 2020 17:50:00 -0700 Scott Gruber The purpose for each common input field that collects an individual's personal data MUST be programmatically defined based on the list of 53 Input Purposes for User Interface Components.

    The intent of this success criterion is to programmatically provide additional information about form inputs (like address, phone number, and password fields) so that the information can be outputted to different modalities. Assistive technologies can use this information to help the user in various ways, including automatically completing forms, filling in usernames and passwords, and pairing custom icons with form elements for users who prefer using images for communication.

    The W3C provides a full list of inputs covered by this criterion opens in a new window which is built on the input purposes included in HTML 5.2 Autofill, so using HTML 5.2 Autofill is a good way to meet this success criterion. This success criterion only applies to text inputs asking for information about the user themselves. It does not apply to text inputs asking for information about anyone other than the user, and it does not apply to any input types that are not text. Success Criterion 1.3.6 “Identify Purpose” is level AAA and builds on this requirement.

    Racial justice and tech Fri, 19 Jun 2020 14:31:00 -0700 Scott Gruber I’ve been attending a quarantine book club and like the good format. Meet the author and have a Q&A. Simple.

    Last week one session featured UCLA faculty member Dr. Safiya Noble. She’s co-director of the Center for Critical Internet Inquiry in the School of Education and Information Sciences. The center has curated a reading list about racial justice and tech by black scholars that will keep my reading list full for the rest of the year. 

    Today, I signed up to attend an online workshop Introduction to Being an Antiracist led by Kim Crayton scheduled for Saturday June 27th.

    Joined Louder than Ten to become a better digital project manager Thu, 18 Jun 2020 14:37:00 -0700 Scott Gruber Attend Smashing Web Performance Masterclass Front to Back Sun, 14 Jun 2020 09:27:00 -0700 Scott Gruber Meet Ida B. Wells-Barnett Sun, 14 Jun 2020 08:05:00 -0700 Scott Gruber Giving Feedback Wed, 10 Jun 2020 11:59:00 -0700 Scott Gruber Ice Breaker—Bruin Toastmasters Wed, 03 Jun 2020 12:14:00 -0700 Scott Gruber Part 1—Theme

    Why did I join Bruin Toastmasters?

    A place to listen to people share their stories. And for me to share mine.

    Part 2—Listening

    • Travel to Europe
    • Wanted to speak German, Italian, Spanish and French.
    • Study in Beijing and Taiwan.
    • Work with developmentally disabled adults
    • Meditation retreat in Chiang Mai, Thailand.
    • Buddhist study city temple in Taiwan.
      • Gave up becoming a buddhist scholar, but still have same haircut.
    • Kauai Tahiti Fête
      • Danced like a man not a women during luau and earned trust of cultural leader

    Part 3—Speaking

    My first talk was about design principles - accessibility—works for everyone - performance—loads fast - aesthetics—looks good

    Yes, I was scared.
    Yes, I was making myself vulnerability.
    Yes, the gains outweighed and outlasted the fears.

    I gave multiple talks over the course of the year. At a Creative Coding Festival. At a NASA Space hackathon. At Web Design Meetups. At UCLA. To students. To staff. Not only was I sharing my point of view, but I was becoming a leader.

    • Depression, Anxiety, Burnout
    • Group Therapy. Slowly got better. Share my voice. Come out of my shell. Become a leader.

    We are the leaders we’ve been waiting for.

    Workshops & Mentorship programs.

    • Presenting work with confidence.
    • Art direction for the web
    • Join Bruin Toastmasters

    Part 4—Finish

    Don’t move fast and break things. Move slow and fix things.

    1. Move slow, but not too slow.
    2. Listen. Sleep on it. Look at it with a fresh perspective in the morning.
    3. Be deliberate. Be relevant. Share my story.

    Why did I join Toastmasters?

    A place to listen to you share your story. And for me to share mine.

    Outline of my ice breaker talk for Bruin Toastmasters presented June 3, 2020 on Zoom.

    Think tree time. Tue, 02 Jun 2020 18:39:00 -0700 Scott Gruber Week 21 notes Fri, 22 May 2020 06:37:00 -0700 Scott Gruber After the Great Pause — Leadership Wed, 22 Apr 2020 05:35:00 -0700 Scott Gruber DS: The strongest local leaders will be the ones who collaborate with others and, at the same time, are exceptionally clear about their plans, brutally honest about the risks, utterly specific about the behaviors they’re asking of us, constantly searching the world for best practices and totally transparent about the technologies and data they want to collect to track our movements and contacts.

    They’ll also be the leaders who go to extremes to protect those among us who are vulnerable and support those among us who are risking their lives so everyone else can get back to theirs.

    TF: This virus has triggered a global pause. You once remarked to me: “When you press the pause button on a computer, it stops. But when you press the pause button on a human being, they start — that’s when they begin to rethink and reimagine.” Is this such a moment?

    DS: In the pause we have the opportunity to reflect on all that this tragic pandemic is revealing about ourselves and our society. A pause can lead to a new beginning, to a reimagination of how we want to live differently — less unhealthily and less unequally — in the future.

    For instance, the line between the public and private sectors is being blurred. We will never look the same at the role that government can play in our lives after seeing government — in a capitalist economy, no less — spend $2 trillion rescuing businesses and sending the most vulnerable checks, practically overnight.

    At the same time, after so many businesses put people ahead of their profits during this crisis, I hope many will see the wisdom of putting humanity at the center of their businesses in the future, too, with greater benefits for workers, the community and shareholders. For global business leaders, this means creating supply chains that are not just about speed and efficiency but about resilience and integrity.

    In other words, after this health crisis is over, good leaders will pivot.

    TF: What do you mean “pivot”?

    DS: A pivot, as in basketball, is a very deliberate action where I put one foot solidly in place and I then move the other foot in a better direction. In a political leader’s case, in a company leader’s case, in an education leader’s case, that pivot will be anchored, hopefully, in deep human values — and then move in the new directions we’ll need in a post-pandemic world, where people’s expectations will have fundamentally changed.

    — Dov Seidman founder and chairman of the How Institute for Society

    Los Angeles, pollution free Sat, 18 Apr 2020 20:46:00 -0700 Scott Gruber

    What the crisis has given us is a once-in-a-lifetime chance to see ourselves and our country in the plainest of views. At no other time, ever in our lives, have we gotten the opportunity to see what would happen if the world simply stopped. Here it is.

    What the trauma has shown us, though, cannot be unseen. A carless Los Angeles has clear blue skies as pollution has simply stopped. In a quiet New York, you can hear the birds chirp in the middle of Madison Avenue. Coyotes have been spotted on the Golden Gate Bridge. These are the postcard images of what the world might be like if we could find a way to have a less deadly daily effect on the planet. What’s not fit for a postcard are the other scenes we have witnessed: a health care system that cannot provide basic protective equipment for its frontline; small businesses — and very large ones — that do not have enough cash to pay their rent or workers, sending over 16 million people to seek unemployment benefits; a government that has so severely damaged the credibility of our media that 300 million people don’t know who to listen to for basic facts that can save their lives.

    From Prepare for the Ultimate Gaslighting

    Web Design Links Thu, 09 Apr 2020 08:46:00 -0700 Scott Gruber Theory and Process
    • The Web's Grain. Essay by Frank Chimero based on a 2015 presentation on the the nature of the web medium is a classic.
    • Redesigning his site in the open. Frank‘s blog posts titled Redesign are very helpful and get behind the scenes how a web designer thinks.

    • The Web Project Guide. Understand how each stage of the website process fits in with the next. Online book by Corey Vilhauer & Deane Barker.


    CSS and HTML



    And many more links on my web design workshop.

    What do you think? Share comments with me on twitter @scott_gruber. Visit

    Spillover Mon, 06 Apr 2020 00:14:00 -0700 Scott Gruber