smhigley

APG Coding standards

Standards for developing contributing HTML, CSS, and JavaScript to W3 WAI-ARIA APG.

smhigley

function observeElement(element) {
  const config = { attributes: true, childList: true, subtree: true };
  const callback = function(mutationsList, observer) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'childList') {
          const additions = mutation.addedNodes;
          const removals = mutation.removedNodes;
          if (removals.length) {
            console.log('Child nodes were removed:', ...removals);
          }

smhigley

Testing Guidance for new WCAG 2.1 guidelines

1.3.4: Orientation

Quick test: resize your browser or application window between a rough estimate of portrait and landscape aspect ratios, and verify that everything looks OK and works correctly in both.

Full test: open the website or app in a tablet, and rotate the tablet.

1.3.5: Identify Input Purpose

smhigley

import { Component, Event, EventEmitter, Prop, State } from '@stencil/core';
import { getActionFromKey, getUpdatedIndex, MenuActions, uniqueId } from '../../shared/utils';

interface SelectOption {
  name: string;
  value: string;
}

@Component({
  tag: 'combo-readonly',

smhigley

Colors

HEX values in the theme

Name	Hex
white	#ffffff
light-grey	#f4f6f7
grey	#d6dde2
dark-grey	#5c6c7c