Digital Web Services Network: Past Events October 19, 2023

Digital Web Services Network: Past Events

October 19, 2023 DWSN Forum

Event questions and answers

Does Google Analytics now track media files even if with no local referral link?

DWSN Member:  Mark Urquhart

DWSN coordinator/presenter: Linda Tracy

Unlike Universal Analytics, Google Analytics 4 (GA4) collects media file (i.e., PDF, word, excel) download information without the need of any extra script. When our team sets up Data Streams for agencies, the File downloads enhanced measurement is automatically turned on by default (by Google). There are a few other “new” measurements GA4 also tracks, we just haven’t had too much time to explore them all yet. Here is the list of “new” measurements GA4 tracks:

  • Page views
  • Scrolls
  • Outbound clicks
  • Site search
  • Form interactions
  • Video engagement
  • File downloads

Here are also some references to read a little more on each enhanced measurements:

Event poll responses

My department creates an environment that enables developers to do their jobs well?

Polls: 55 responses

Strongly agree 15%

Agree 45%

In between agree and disagree 20%

Disagree 7%

Strongly Disagree 4%

Does not apply to me 9%

How would you use the starter site? Check all that apply:

Polls: 60 responses

Check out the state web template 31%

Test the template 22%

Create a website 17%

Use the page patterns 24%

I wouldn't use it 3%

Other 3%

How do you / your department prototype? (select all that apply)

Polls: 53 responses

Figma 32%

Sketch 6%

Adobe XD / Photoshop 29%

Adobe XD / Photoshop 0%

MS Word 14%

MS PowerPoint 6%

Whiteboarding tool (Miro, Mural, etc) 4%

We don't prototype 8%

Digital Web Services Network: Past Events July 20, 2023

Digital Web Services Network: Past Events

July 20, 2023 DWSN Forum

Event questions and answers

Do you prefer to use the desktop app or in the browser for Figma?

DWSN Member: I personally prefer the desktop app, but there’s no significant difference between the desktop app and in-browser.

What departments currently use Figma or are in the process of switching?

DWSN Member: The Office of Data and Innovation uses Figma a bunch. We’re fans!

How does the state template differ from the forthcoming “design system”?

DWSN Coordinator/presenter: The last version of the state web template is meant to be a bridge to the Design System as well as a research opportunity to help inform the design system.

What contrast and color blind testing/simulators are used?

DWSN Coordinator/presenter: We use Colour Contrast Analyser

ADA compliance, how do you check your design? EI, which tools, what level of compliance? A, AA, AAA?

DWSN Coordinator/presenter: We check our design by using these automated tools and meet WCAG 2.1 AA compliance:

Automated Testing

  • Lighthouse
  • Siteimprove
  • Jaws Inspect
  • Colour Contrast Analyzer

Additionally we do Manual testing meeting our checklist requirements using these tools:

  • Jaws
  • NVDA
  • Voiceover

How does the state template differ from the forthcoming “design system”?

DWSN Member: The Design System is more about building a community, a shared language, nomenclature, aligned purpose, and better collaboration across the state. The Design System is going to replace and expand on the state web template as the very latest CA Design Standard including a new technology approach. Also, the DS will drop the bootstrap dependency. V6 of the state web template is going to be the bridge to the DS, providing continuity while the DS is being built and matured

Are these being tested on mobile devices?

DWSN Member: Yes, we do a quality assurance check on these devices.

Training on google analytics? can you help?

DWSN Coordinator/presenter: We do have some resources on our Help with analytics page: If you can’t find what you need, we are always available to help.

Any recommendations on the best way to backup the UA data, in a way that will make it easy to retrieve useful historical data if needed?

DWSN Coordinator/presenter: We used excel for the data and pdf for the user flows and graphics.

Event poll responses

How do you feel about the approach of decoupling the State Web Template from its’ website? 4.3/5

Excited with the new approach 50%

Interested in using it 27%

Undecided 19%

Not interested in using it 0%

Do not like the new direction 0%

Would you use a NuGet package for the State Template if it existed?




Are you interested in using the Starter Website?

Yes 74%

No 0%

Undecided 26%

Are you interested in using the new Page Patterns? (1-5) 4.3/5

[ ] 1 (not at all) 0%

2 3%

3 14%

4 22%

5 (very much) 56%

Select the top three, page patterns you would find most useful.

Homepage 25%

Landing page (+ variations) 24%

About us landing page 7%

Careers 6%

Contact us 10%

Newsroom 13%

List of articles 5%

Legal pages 4%

Sitemap 4%

404 page 2%

Digital Web Services Network: Past Events April 20, 2023

Digital Web Services Network: Past Events

April 20, 2023 DWSN Forum

Event questions and answers

If you provided us with a UA property to use, then is it the optimized paid one?

DWSN Member: We have them running side-by-side at FTB. We noticed the real-time data was far more accurate on GA4 during Tax Day this week. 

DWSN coordinator/presenter: If CDT manages your Google Analytics, yes, it is the paid 360 version.

Anyone know how to move/export custom views from the Standard (free version) to GA4? or know where to get information on this?

DWSN Member: If you’re an admin for your account (e.g., not a sublet from CDT), you can use the migration guide that Google has provided. It’s linked from the “This service is going away” banner when you first open GA. 

Does the broadband initiative happen to dovetail with a smart device/computer distribution initiative?

DWSN Member: Not specifically. But some kind of perfect fit for the state digital equity data system mapping. Talking about what organizations are sharing the initiatives. Departing of aging shared similar program sharing smart devices. 

Are there any plans to produce a pattern for About Us pages?

DWSN Member: Our accessibility team have raised several concerns about how we currently display our Board and Executive Team…but the template doesn’t have anything that quite fits our need…  

DWSN Coordinator/presenter: It is just the starting point. CDT wants to create a whole library that is useful (for web site project or new initiative to grab different legal sets).
We were exploring the executive profile component and would request an executive profile pattern. I know most organizations usually have a dedicated page.

Have these been tested on mobile and devices with less resolution? This screen looks way higher res than the device I have.

DWSN Coordinator/presenter: Larger Font, increased usability and accessibility. We want people to present forms in sequential order. We will be looking to add more web standards/guidance. We are thinking about Form initiatives. We would like to collaborate with you on how you are doing that and opportunities on Forms and Data Collection. 

What does “sequential” mean? 

DWSN Coordinator/presenter: 

Presenting chunks of content to the end user. TurboTax does sequential form design nicely. 

    • Like a form wizard kind of. 

Does it have comment instructions like in the old State Template 5 or is it just code?

DWSN Coordinator/presenter: Yes, we are adding more of that in with every release.

What’s the best way to contact your team if we have further questions or want to establish a partnership with your team?

DWSN Coordinator/presenter: You can contact us at

Is CDT testing template accessibility using a mobile device?

DWSN Coordinator/presenter: We aren’t there yet testing with mobile device. We are trying to integrate. 

Is this certification template available somewhere?  

DWSN Coordinator/presenter: Once we get the updates, we will communicate with you.

What are you using to test the cert?

DWSN Coordinator/presenter: FTB is using HTML version. It doesn’t have to be a pdf. 

Are we required to use the new ADA certification language or is it recommended?

DWSN Coordinator/presenter: You are not required to use CDT information. We are posting the one that CDT is using. But, it is recommended. 

We went from v5.5 to 6 and not the Design System. Any reason?

DWSN Coordinator/presenter: There are different reasons for that. The Design System is in the early alpha stages. Moving to a Design System is a comprehensive approach. V6 of state template is an attempt to fill the gap between when the Design System is fully ready. It will take several years for the departments to adopt a new framework or update the current site.

I would like to see a site where we could share our digital strategies or working documents? 

DWSN Coordinator/presenter: Hoping to create a dedicated Teams space to have async conversations, create different channels and topics.

How do you organize discussions topics in a Team’s channel? And what software do you use?

DWSN Coordinator/presenter: For accessibility, we do it by topic. We use Teams, we have a bunch of different channels.

What does the new Design System use instead of bootstrap and jQuery?

DWSN Coordinator/presenter: Design System uses web components and vanilla JavaScript instead of jQuery.

Tableau and Esri have accessibility, privacy, and performance issues. I wonder if anyone is doing anything with D3 or any other lighter weight tools.

DWSN Member: Tableau Server and Desktop can become accessible by customizing the color palette and they have the tab feature for screen readers.

Event poll responses

Would a DWSN Teams “Team” be helpful?

Polls: 84 responses




Rank these topics for open discussion (1 Highest to 8 Lowest)

Polls: 75 responses

1st Choice: Accessibility46.7%

2nd Choice: Analytics and Insights16%

3rd Choice: User Experience Design9.3%

4th Choice: Content Strategy8%

5th Choice: Agile (Iterative Practices)8%

6th Choice: Change Management and Governance8%

7th Choice: Digital Innovation (Emerging Technologies) 2.7%

8th Choice: Cybersecurity and Privacy1.3%

Digital Web Services Network Q&A January 19, 2023

Digital Web Services Network: Past Events

January 19, 2023 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Here are collected and shared QAs from the DWSN forum meeting chat.

Is there a cost to use Google Translate?

DWSN Coordinator/presenter:
No, it is free. We use GTranslate. If you use Drupal CMS; there are free and paid services.

Is there a way to restrict Google site translation to displaying only languages that have had content reviews?

DWSN Coordinator/presenter:
You would have to hack it, but it can be done.

For content that is heavy in jargon (i.e. scientific language, taxes, etc.), human reviews are super necessary.

DWSN member:
One best practice I learned was to translate to Spanish first and use the Spanish translation to translate to all other languages. Automated translations do exponentially better start from a language other than English!

AWS has a free translation service tier, right?

DWSN Coordinator/presenter:
AWS translate free tier: Amazon Translate pricing

Is the AWS translate solution developed by ODI code available for other agencies to use?

DWSN Coordinator/presenter:
ODI does not offer standardized translation services, however, AWS, Google, and Microsoft offer cloud-based automated translation services that work better than the free Google translate widget.

For template web standards, would this require third party libraries like jQuery or PrimeFaces?

DWSN Coordinator/presenter:

Yes, this version of the template has a dependency on Bootstrap (which has a dependency on jQuery).

No, Bootstrap 5 is not dependent on JQuery. The template is not dependent on JQuery by design; we’ve been working to remove JQuery from the template for years.

Are there any CA style names that are also used in Bootstrap causing conflicts in case it is also used?

DWSN Coordinator/presenter:
There isn’t a bootstrap conflict because it’s built on it.

I know you have a .NET core MVC sample, has anyone tried to adapt the new template to the .NET Blazor templates?

DWSN Coordinator/presenter:
Not yet.

Poll Question: Which type of content would you find most useful when implementing a template or design system?

DWSN Coordinator/presenter:
Poll Results: 70 Responses

Get started guidance14%

Usage content for components and patterns20%


Source Code23%

Implementation notes for components and patterns10%

Is there somewhere we can get the non-minified css and js code?

DWSN Coordinator/presenter:
If it’s not in GitHub, you can use a free tool like:

What does 11ty stand for?

DWSN Coordinator/presenter:

Have you checked to see what frameworks all the different State Departments are actually using?

DWSN Coordinator/presenter:
We have looked at that, HTML and .NET were at the top outside any CMS implementations.

What about WordPress template?

DWSN Coordinator/presenter:
That’s on the docket.  This is in the works and being tested – more info coming soon!

Don’t some teams need special permission to look at GitHub?

DWSN Coordinator/presenter:
Any public GitHub repository can be viewed by anyone, even CDT staff.  Some CDT resources require special authentication to view.

Poll Question: Which type of repository are you more likely to use?

DWSN Coordinator/presenter:
Poll Results: 55 Responses

Robust repo (full page examples of all components and patterns)50%


Simple repo (minimal)23%


I do not use repos31%


What do you mean by repo?

DWSN Coordinator/presenter:
A code repository. What GitHub and other version control tools call the place where the code set is stored.

Anyone going to try the template with nextjs?

DWSN Coordinator/presenter:
The template has a React version, which would be a good start for someone to look at Next.js.

Poll Question: Do you write content for websites or digital content?

DWSN Coordinator/presenter:
Poll Results: 83 Responses





Poll Question: Have you used the content design principles on the Design System website?

DWSN Coordinator/presenter:
Poll Results: 83 Responses





What is the website link?

Poll Question: Would you like being part of a network like this?

DWSN Coordinator/presenter:
Poll Results: 83 Responses





Poll Question: How interested are you in getting short content design tips?

DWSN Coordinator/presenter:
Poll Results: 79 Responses

Not at all interested1%

Not interested1%

Not sure10%


Very Interested13%

What was Michael's email for the content design group?

DWSN Coordinator/presenter:

Does anyone know of a training consultant for ADA Compliant documents?

DWSN Coordinator/presenter:
CDT has accessibility training: Workforce Development – Course Schedule

Universal Analytics’ sunset date is currently July 1, 2023, with the sunset how does the roadmap look for analytics capability in future? We are interested in gaining insights for our web-estate to make key on-going decisions around content & design.

DWSN Coordinator/presenter:
I am sure GA4 can do whatever you need it to do. Google analytics isn’t going anywhere.

Would you please provide Google Analytics 4 links?

Should I use a carousel?

DWSN Coordinator/presenter:

Which design system component is good to use in place of banner carousels? Managers demand advertising their latest campaigns on the homepage.

DWSN Coordinator/presenter:
Comm strategy + containers (like a news area, etc). be intentional with the content.
A standard banner, but it really depends on your content and audience: Template WebStandards.CA.GOV / Patterns

Think page geography and scale to make things important. Callouts, etc.

Could a news / what's new feature (with an archive if nec.) work?

DWSN Coordinator/presenter:
Yes! A news or blog ‘pattern’ can be an alternative to a carousel if the content is regularly updated and time sensitive. Check out a few different ‘newsrooms’ on for inspiration:

However, if the content stays relevant over time, it should also live outside of the newsroom—somewhere within your information architecture, so it’s easier to find (both for people and search engines).

Here are collected and shared poll responses from the community members.

Share reasons why departments should provide website content in languages other than English.

More English as second language


So everyone can access legal information


Understanding the topics for people who don't speak English


Serve all Californians.


There may be people from outside of the U.S. that may want to use the website and are not fluent with English.


Accessibility, better communication and understanding, education, effective information


For many of our customers English is a 2nd language. We want everyone to get the same information.


CA state provides services to all people in CA. This includes people who don't speak English or are more comfortable reading in another language.




English is a hard language and should not be the barrier between accessing services and not. We have to meet people where they are.


Accessibility and inclusive


Meet people’s desired language of use


It is important to provide services to all Californians


Content is for all people




Because informing people in the language they speak includes them in the process and shows them we respect them as they are.


Based on our analytic data, a good portion of our users default browser language is set outside English domain.


To meet people where they're at! Which includes English as a second language and non-English speakers.


To make it more comfortable to the user to get the information!


To ensure that diverse communities can understand what services are available to them.


Because Cali is a diverse state!


Civil rights




Equitable service to customers


We serve all Californians and we should meet them where they are, including the language they prefer.




Accessibility: Our job is to serve all Californians, not just those fluent in English.


For better dissemination of information to the public


Because of the diversity in California


To more effectively represent the diversity of California


For accessibility


It’s more accessible, makes the site more inclusive and equitable


Inclusion and engagement


We are meant to serve ALL Californians


Serve more Californians!

Responses total: 56











What tools or services do you use to provide website content in languages other than English?

none at this time CAWeb still uses the Google Widget Coworkers dept staff contracted translators Department translators Humans whenever possible certifed translators Staff Old Google translate sad face Humans do our translationst Google Translate Person/employee to translate for the Spanish pages dept Depends! Best case is a vendor doing human translation. Next best is an automated service checked by humans. face i18n javascript NPM package Friends and family (unofficial) Contactors Google Contract out Still using Google translate Smartling Votes No, much needed! npm Translation team

Responses total: 56

Google translate 4%

None at this time 1%

CAWeb still uses the Google Widget1%


Dept staff 1%

Contracted translators 1%

Department translators 1%

Humans whenever possible 1%


Certified translators1%


Old Google translate sad face 1%

Humans do our translations 1%

Person/employee to translate for the Spanish pages 1%

Depends! Best case is a vendor doing human translation. Next best is an automated service checked by humans. 1%

i18n javascript NPM package 1%

Friends and family (unofficial) 1%

Contactors 1%


Contract out 1%

Still using Google translate1%


No, much needed! 1%

Translation team 1%

Digital Web Services Network Q&A October 20, 2022

Digital Web Services Network: Past Events

October 20, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Here are collected and shared QAs from the DWSN forum meeting chat.

What is the cost to have CDT assess our public website?

DWSN Coordinator/presenter: Nothing, just time.

How can teams be empowered to do this sort of Stabilization assessment as part of their own QA process?

DWSN Coordinator/presenter: The Stabilization team has developed a Stabilization Playbook that can be deployed at the request of any department and agency to run their own assessment. In addition, the Stabilization team is available for consultation to provide guidance.

Is there a web page that talks about the accessibility certification necessary for 2023?

Does Google Analytics 4 work with SharePoint (internal) sites or other internal sites?

DWSN member: CDT does have analytics set up for some agency intranets. Since we don’t manage the sites, I’m not sure if they are on SharePoint or not. If you’re able to add the JavaScript the entire site and you have a measurement ID specific to the intranet, it should collect data.

If CDT manages our GA4, is that only for our primary site, or can we add additional channels for other department sites we maintain?

DWSN Coordinator/presenter: CDT can manage accounts for additional subsites as well if they are all run sites. 

We use a contractor developed template for our WordPress public site via an externally hosted public website. Can we install the template on an externally hosted site or are we on our own?

DWSN Coordinator/presenter: The theme is publicly available for download. 

The latest version can be found at the CDT GitHub repository. It does require that the paid for theme called Divi be installed alongside it.

Can we have your team assist with our GA4 improvements on our public website?

DWSN Coordinator/presenter: Please email our team at and we will be more than happy to assist in any way we can.

Is there an SSO WordPress plugin that's vetted by CDT?

DWSN Coordinator/presenter: CDT is not leveraging an SSO WordPress plugin at this time or had the opportunity to vet one.

Digital Web Services Network Q&A July 21, 2022

Digital Web Services Network: Past Events

July 21, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Here are collected and shared QAs from the DWSN forum meeting chat.

How can we do A/B testing with our CA WebService WordPress sites?

DWSN member:

Generally, we’d want something to ‘automagically’ route 50% of users to one version, and the rest to the other. There’s no such feature currently within CAWeb, so you’d have to:

    • post one version for a set period of time, 
    • then switch to the other for the same duration, and 
    • compare the analytics thereafter. 

As Ben mentioned in his presentation, you want to avoid ‘vanity metrics’. Only looking at ‘what happens’, like # of visits can fall into that category—it’s our preference and recommendation to also conduct usability testing of each version (with the same amount of testers). You’ll want to go with the option that has: 

    1. faster task completion rate
    2. higher confidence level (how confident were your users that they completed their task correctly) 
    3. higher task completion (whether they actually completed it correctly) 

Hope that helps and happy A/B testing!

Will we (the attendees) be able to get a copy of the presentations ?

DWSN Coordinator/presenter: Yes – published to DWSN website usually a few days after each forum.

Does anyone know if there is a web page that lists all the available icons for use?

DWSN Coordinator/presenter: State of California – Web Template Beta: Icon Font Library

DWSN member: Late to the back scroll but we also have the icon library on the Design System website State of California – Design System: Beta: Icons

Details about using icons, including how to use them and the steps to install them.

Do you know if there is an option to manually import old data into the GA4 account?

DWSN member: Sorry, it is not possible to import analytics data from one account to another. The new GA4 will be a fresh start for all accounts.


I am managing my own site and GA. What if I want CDT to create and manage the new Google Analytics 4?

DWSN member: Sure, just submit a support ticket to us and we can create your new account. Here is the link to submit that request David mentioned: ServiceNow


Before he became famous, where did Albert Einstein work?

DWSN Coordinator/presenter: The Swiss Patent Office. Key thought: he had spare capacity to think of innovative ideas. Can you start with automation of manual time-consuming tasks to free up capacity to think of the big ideas?


What Percentage Improvement of something do you think a 'Marginal Gain' represents?

DWSN Coordinator/presenter: 1%. Key Thought: Tied closely with the above, a 1% improvement in several different areas add up to a large improvement across the board and frees up capacity to think about the big ideas.

'Innovation' means the same thing now as it did 20 years ago

DWSN Coordinator/presenter: Somewhat subjective, but consider the technological changes (i.e. Cloud). Key thought: Innovation now is less about building things from scratch, and more about combining things in new and valuable ways.

Which one(s) of these have you heard of?

DWSN Coordinator/presenter:

    • The Pareto Principle
    • The Cobra Effect
    • MVP
    • Validated Learning
    • A/B Testing
    • “DRY” (Don’t Repeat Yourself)

Key thought: these are all possible tools to help you along your innovation journey; learn more from the links in the presentation and your own research.

Digital Web Services Network Q&A April 21, 2022

Digital Web Services Network: Past Events

April 21, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Here are collected and shared poll responses from the community members.

How interested are you in adopting the Design System on your state site?

Responses total: 58

Very interested (would adopt as soon as it's ready)24%

Interested (would adopt after a few more state sites do/at a more appropriate time)24%

Might be interested (need more information/time/buy-in)43%

Likely not interested7%

Will likely never be interested0%


What tools do you use to share code with your team and partners?

Responses total: 43

Azure DevOps20%






Here are collected and shared QAs from the DWSN forum meeting chat.

Do you have a concept for sharing components?

DWSN Coordinator/presenter: Here is a doc we are adding to the design system site about web components – link to Design System: Why web components.

Since MS is retiring IE in a couple months, how important is it to support?

DWSN member: Link to Internet Explorer 11 desktop application ending support for certain operating systems

DWSN member: Link to We dropped support in our department for IE for websites/apps last year. 

Will the design components eventually tie into CA web publishing (those using WordPress/DIVI)?

DWSN Coordinator/presenter: Yes, that is in progress. We have a roadmap in place for a Design System based page builder experience. We will be making an announcement for those interested in early adoption.

Can we attendees get a copy of the presentations?

DWSN Coordinator/presenter: Absolutely, will be posted to following today’s forum.

Is there an updated status of how many state agencies are using the state template and bootstrap vs. other web content management systems? The two agencies I have been at moved away from the state template (sadly), so I am just curious what other agencies are doing.

DWSN Coordinator/presenter: Yes, that’s coming up in this presentation.

Will the template/design system be just as easy to use with the components for non CA publishing users?

DWSN Coordinator/presenter: That’s the goal. The design system should be easy to use agnostic of platform.

DWSN Coordinator/presenter: Yes this is the goal – we want the DS to be used everywhere, not just CAWEB publishing.

What's the timeline on releasing template v6 and design system v1?

DWSN Coordinator/presenter: The State Web Template v6 is going to be released between the second and third quarters of this year. The Design System will follow after that but we are not sure of the timeline at this point in time. 

This all sounds groovy - what if any consideration will be given to document designers that are keying their styles off the web standards work?

DWSN Coordinator/presenter: Designers who are looking at the State Web Template for design inspiration can start looking at the documentation on In particular, the Visual design style guide and the Components documentation are good place to start. There are styling recommendations there that can be transferable into document design. If any designers have feedback or questions, please reach out to us: Design System – Contact Us. We want to continue building tools and documentation that support the needs of designers across the state.

We plan to use WordPress with the Design System, and we'll have many non-technical business folks maintaining their own content. Will this be 'easy' for them to do?

DWSN Coordinator/presenter: There will be a theme and a couple of options to include Design System code. We can include a page about this on the design system website. If you are concerned about migrations we would love to talk to you. We are thinking about sharing some content design guidance or a possible migration script that may help you update your site, but would like to understand your needs first. Please reach out via the contact form: Design System – Contact Us.

How will this transition impact our sites and site management responsibilities? Will there be any kind of training provided around this transition?

DWSN Coordinator/presenter: Site management is still the responsibility of the state entity or business owner. We will be providing more information related to taking advantage of the Design System, website redesign, and other transition related considerations. 

Any information about use of HTML5 / bootstrap / accessibility in version 6 would be welcome

DWSN Coordinator/presenter: Noted. There will be no bootstrap, but we will need training materials helping people to understand what to do instead.

I don't love tab panels but our business customer's do. Any help available on adding functionality without jquery?

DWSN Coordinator/presenter: There may be a component for that!

DWSN Coordinator/presenter: I thought this was a nice tab web component: GitHub: Seven Minute Tabs.

We live stream some meetings on our website, we use YouTube's embed code. But our developer had to do some json work to get frame it nicely, give us control for intro/break/end screens & control.... a web component for that would be helpful.

DWSN Coordinator/presenter: Thanks for that suggestion. You can always reach out via the contact form Design System – Contact Us. for any questions or suggestions. 

Digital Web Services Network Q&A January 20, 2022

Digital Web Services Network: Past Events

January 20, 2022 DWSN Forum
Back to DWSN mainSlide deck (PDF)

Is this being recorded for people who can't make it today?

DWSN Coordinator/presenter: we do not record these, thanks.

Can we invite 4 people to this meeting right now?

DWSN Coordinator/presenter: please feel free to forward the link to today’s meeting and they should be able to join right away! 

They’ll need to fill out the sign up form to be added to our distribution lists for future meeting invites, however

Quick Question. Will the assessment phase also include "Application Security Assessment"?

DWSN Coordinator/presenter: It may, or we may leverage recent discovery done through the normal quad-annual security assessment done by Department of Military.

What's an accessibility overlay?

DWSN Coordinator/presenter: Accessibility overlay tools are automated software solutions that claim to detect and fix web accessibility issues. Overlay tools work by modifying the code of a web page with a snippet of JavaScript and usually come in the form of a toolbar, plugin, app, or widget.

State template has settings like high contrast - can you distinguish between features that work and don't?

DWSN Coordinator/presenter: This is a great observation, we will look at making sure that features like this work for all components and list the ones that do not work.

What is your biggest challenge with delivering or managing your digital service?

DWSN member: Challenge – systematic customer lifecycle view.

DWSN member: Biggest challenge – adding accessibility data to thousands of scanned historical documents

DWSN Coordinator/presenter: Biggest challenge – Establishing content ownership and redefining how program folks think of web content

DWSN member: Challenge – Cross-organizational silos as a result of understaffing (esp. in the COVID age).

DWSN member: Challenge – Sufficient exposure to end users. The culture of testing and validating


So, awkward problem: many of the services our pages are for are, in fact, disjointed and disconnected. If the pages and experiences are too similar, they may suggest a level of connection that doesn't exist and end up frustrating users.

DWSN member: Even if the services are disjointed, perhaps our role is to make access to each of them as intuitive, consistent and simple as possible?

DWSN member:@DWSN Member I would think of it more in this way: When you use an iPhone – everything functions in a similar way throughout very different functions. A good example of functional consistency while solving many different needs.

DWSN Guest member): @DWSN Member, have you tested with users to see if they are actually frustrated? Can be very revealing about what folks are confused about vs. what we think they’re confused about.

DWSN Coordinator/presenter: I LOVE the idea of adding cohesion across CA digital products. I think it was DWSN Member who mentioned the learning curve introduced when no two sites function similarly. The design system seems to alleviate that cognitive load for end-users and sets an expectation of how to find the information they’re looking for. The private sector, specifically sales, does an AMAZING job of this. It’s no accident that all shopping platforms have a similar look and feel with the virtual shopping cart. Or that all housing sites/apps function and look similarly. They give the people what they want/ expect which results in return users. It’s all in the design.


Would it be possible to get a copy of these slides? Is there a preso archive?

DWSN Coordinator/presenter: @DWSN Member –

All current and past presentations are made available on the DWSN website

@DWSN Member, The full slide deck will be available after the forum at You will find it under the “Prior Meetings” section.

It would be very valuable for the design system to include guidance on how to test or validate that a component is functioning as expected. Including specific accessibility requirements.

DWSN Coordinator/presenter: @DWSN member – You’ll get a chance to see how we address this in our upcoming sneak peek.

On a different topic, can anyone recommend companies for online UX Design training?

DWSN Member: Google has an online UX program on Coursera.

DWSN Coordinator/presenter: IDEO, Norman Nielsen for UX basics.

Is the leaderboard testing mobile or desktop in Lighthouse?

DWSN member: I get different Lighthouse results for some of the websites that are on the leaderboard. Curious to hear about the methodology.

DWSN Coordinator/presenter: It might be where lighthouse is run from.

DWSN member: Web Dev: Measure uses default lighthouse settings which throttle bandwidth and cpu capacity to match the most common cheap android phones so you’ll see results at “Fast 3G” speeds with low end cpus. ODI’s leaderboard uses these same settings to rank state sites on performance and other accessibility metrics

DWSN member: Thank you Aaron Hans (ODI) (Guest). Did you know that this is run in the browser? Depending on the tester’s machine and the browser plugins you’ll get variable results (for most consistent results use incognito mode). I feel is much more dependable and gives you consistent results because every website is tested on the same dedicated machine that doesn’t cache results.

DWSN member: Good point Marko Dugonjić is a fantastic resource as well.

Are these comments captured somewhere?

DWSN Coordinator/presenter: I have plentiful notes but I believe the chat is also saved

Is the data connected on the backend for the form on the DS site and the form that was just shared: I'm Interested in the Design System -

DWSN Coordinator/presenter: Britt not this one….

DWSN member: @DWSN member the datasets are neighbors right now – short answer: they can be

DWSN member: Just thinking about the UX of someone who filled out once, I think they should know if they are about to submit again. :)

DWSN member: If you’re interested in the design system, please connect with via this form.

DWSN member: @DWSN member let’s follow up separately on forms via our team Slack.

DWSN member: Long form.

Is there also a graphics/icons portfolio included in the design system?

DWSN Coordinator/presenter: @DWSN Member – For now we are using the icons from the state web template. We have plans to make these available as SVGs.

Do you keep a library of images as well? Example: the aesthetic of the graphics on the design system site

DWSN Coordinator/presenter: Not at the moment, all of the imagery is custom designed specifically for the design system.

So basically redesigning with the v6 is not recommended?

DWSN Coordinator/presenter: Marko Dugonjić (Guest) it depends – I would wait for the initial design system release – you can use v6 plus components from the DS.

DWSN Member: Makes sense. Thanks!

Is there gonna be a build process to strip out the components a given site won't use?

DWSN Coordinator/presenter: We recommend using a build system and bundling your javascript for faster performance. If you do not use a build system, you can include the code from our CDN with a script tag:

<script type=”module” src=””></script>

We can provide this instruction for CSS only components: @import url(“”)

We plan to have a more flexible and comprehensive solution around code bundling.