CDT and ODI share the beta version of the CA Design System

CDT and ODI share the beta version of the CA Design System

At the most recent DWSN presentation we shared the initial work and thinking on the emerging California Design System.

We’re excited to share our early beta and invite you to share your feedback and collaborate with us.

Our goal is to help digital teams focus on building what matters for Californians and spend less time reworking the same problems. To that end, we’re focused on making useful components that are performant, accessible, and consistent out of the box.

No matter where you’re at, we’d love to hear from you. Whether you’re ready to adopt a component or aren’t quite sure how you might use the Design System, we’re interested in learning more about your team’s opportunities and challenges.

We look forward to collaborating with you.

 

Visit the CA Design System website

jQuery-less State Template Release v5.6.0

jQuery-less State Template Release v5.6.0

Release v5.6.0 is the first jQuery-less version of the state web template. This version has no more jQuery dependency and jQuery plugins. In this version we also introducing a new responsive font size calculation functionality. Body text and headings font sizes and their top and bottom margins are automatically calculated into appropriate values based on the dimensions of the browser viewport. More importantly, new version is using new jQuery-less Bootstrap 5 Framework. Explore the new content modules by visiting the demo website. You can download this jQuery-less version and other State Template versions by visiting the GitHub repository releases page.

See the updates list below:

Framework and components updates

  • No more jQuery dependency and jQuery plugins.
  • Updated bootstrap to v5.1.3.
  • Removed some of the jQuery dependent components such as: owl-carousels and slideshows (replaced it with native bootstrap carousel), Service Tiles, Panes.
  • Converted following jQuery components to the vanilla JavaScript: Accordion, Accordion List, Fixed Header, Navigation, Number Counter, Parallax, Search, Site Settings, Tabs.
  • Updated bootstrap’s collapse/expand data toggle attributes in collapse buttons and modals throughout the site. (for example: changed data-toggle="collapse" to data-bs-toggle="collapse", changed data-toggle="modal" to data-bs-toggle="modal").
  • Completely changed accordion’s structure and code. Now it is running on CAGgov Design System’s accordion script.
  • Updated side navigation structure to work with new accordion component.
  • Removed jQuery owl-carousels and sliders and replaced it with bootstrap’s native slider.

Layout and structure Updates

  • Added featured search header and icon-less navigation layout to every sample page. (Old v5.5 header and navigation layout are still in the navigation samples).
  • Updated badges classes to reflect new bootstrap 5 markup (changed label class to badge).
  • Replaced outdated State Template’s grid classes to the native Bootstrap grid classes (for example, changed group class to row, or quarter to col-md-3. etc.).
  • Updated main banner height property (removed jQuery calculation and replaced it with pure css properties).
  • Updated header’s position to sticky instead of fixed. The fixed-header.js script is now hiding utility header on scroll instead of adding compact class to header.

Framework and components updates

  • Added site’s google font files into the local /fonts/ folder to have local font loading to limit http requests.
  • Updated CaGov icon Font: added GitHub icon and updated pdf-text icon.
  • Added responsive font size calculation functionality. Body text and headings font sizes and their top and bottom margins are automatically calculated into appropriate values based on the dimensions of the browser viewport.

Visit the GitHub release

How to Stop Search Engine Crawlers From Crawling Your Site

There are times when we don’t want Google, Bing, etc. to crawl our website into their search index. This is a common issue for new websites in development, or for ongoing websites that are being redesigned. This “new” website typically resides under a development URL such as: dev.mydepartment.ca.gov.

Fortunately the “Web” thought of this problem a long time ago. The solution is called robots.txt.

This is a simple txt file you place in the root of your domain, and it provides directives to search engine vendors of what to not crawl, etc. And the major search engines do follow these directives. You can find out more detailed information about the robots.txt at: https://en.wikipedia.org/wiki/Robots_exclusion_standard

So to simply block all indexing on a particular website, place these simple two lines of directives within your robots.txt, and you are done:

user-agent: *

disallow: /

State Web Template Latest Production Release version 5.5.20  – Accessibility Improvements

State Web Template Latest Production Release version 5.5.20 – Accessibility Improvements

State Template just released latest production release v5.5.20 that includes multiple accessibility improvements that will help you achieve Web Content Accessibility Guideline (WCAG) 2.1 level A and AA standards, and accessibility best practices.

Release v5.5.20 accessibility updates and improvements:

  • Removed role tablist attribute from tag, and collapse extension
  • Fixed “Visible label and accessible name do not match” a11y error
  • Fixed “Text is clipped when zoomed in” a11y error
  • Fixed “State or property not supported” in main navigation
  • Fixed “Headings are not structured” issue
  • Fixed missing landmark issue
  • Fixed “Scrollable element is not keyboard accessible”
  • Fixed color contrast issues on some pages
  • Fixed “Hidden element has focusable content” issue
  • Fixed Container element is empty issue
  • Removed charts examples (for lack of a11y)
  • Fixed “Form field is not labeled” issue
  • Fixed “Line height is fixed” issue
  • Removed content fade-in script from home page and featured search page
  • Fixed “line-hight below minimum value” and fixed font size issues
  • Fixed “Decorative element is exposed to assistive technologies” issue
  • Fixed some icon font class names that were accidentally renamed during icon font update process. Removed “1” at the end of the following icon font classes: ca-gov-icon-collapse1, ca-gov-icon-construction1 and ca-gov-icon-expand1.

This release has 2 assets:

  • Source code (zip)
  • Source code (tar.gz)

Visit the release page to download them

State Web Template Latest Production Release – Accessibility Improvements

State Web Template Latest Production Release – Accessibility Improvements

As the AB 434 deadline of July 1st approaches, to post on your main organizational website a certification of accessibility compliance, updating to the latest release of the template will be important. This State Template v5.0.6 production release includes multiple accessibility improvements that will help you achieve Web Content Accessibility Guideline (WCAG) 2.1 Level AA Standards.

Release v5.0.6 accessibility updates and improvements:

  • Fixed color schemes contrast issues
  • Modified utility header with flex layout and made it more accessible
  • Made Skip to the Content link visible on focus for accessibility
  • Removed invisible links from navigation
  • Made custom search box accessible
  • Improved keyboard navigation
  • Fixed sliders and carousel module accessibility
  • Added globals.scss styles to core css
  • Addressed multiple accessibility issues on multiple sample pages

This release has 2 assets:

  • Source code (zip)
  • Source code (tar.gz)

Visit the release page to download them

Digital Web Services Network (DWSN) – Community of Practice Event announced!

Digital Web Services Network (DWSN) – Community of Practice Event announced!

Update:  Please note that the DWSN – Community of Practice event on December 17th is now scheduled from 1:30-3:30pm.

 

The California Department of Technology (CDT) has just announced the Digital Web Services Network (DWSN) – Community of Practice which will be held on Monday, December 17, 2018.

CDT and Department of Rehabilitation (DOR) are partnering to bring this event to the DWSN community.  The final agenda will be posted soon, but some of the topics being considered for this event include:

  • Concept of Web Accessibility Community of Practice
  • Web Accessibility Testing Tools and Demo
  • Document Remediation and Demo
  • CalPIA Assessment Services

You can register for the DWSN – Community of Practice, in addition to other upcoming DWSN events, by visiting the DWSN web page.

Please direct any questions to DigitalWebServicesNetwork@state.ca.gov.

State Web Template Updates

State Web Template Updates

decorative

The legacy, current, and beta versions of the state web template have recently received updates. Please visit the respective GitHub repositories to see changes and download the latest release.

Legacy Web State Template

The legacy (v4) of the state web template has gotten a patch v4.6 available for download on the legacy web template page. The update includes cleanup of CSS code as well as improvements for the mobile view. You can see the changes by visiting the legacy demo website.

Current State Web Template

The latest release for the current version of the state web template (v5) is 5.0.2. You can find what has changed by visiting the respective GitHub repositories. See the changes in action by visiting the demo website. Some key updates include:

  • Updated modernizr version
  • Updated OWL carousel plugin
  • Carousel navigation control buttons accessible
  • Cleaned up code in template’s core JS file
  • Added typography page to the sample directory
  • Updated charts page to use the charts libraries CDN links
  • Added template’s version number to source code of each page

Beta State Web Template

The BETA version of the state web template now has several new content modules. More importantly, it is now using Bootstrap 4 Framework and SASS technology. Explore the new content modules by visiting the beta demo website.  You can download the BETA version by visiting the GitHub repository and selecting the beta-bootstrap4 branch. The new content modules are:

Digital Web Services Network Update – AB 434 Accessibility

Digital Web Services Network Update – AB 434 Accessibility

Hi Team,

As you know, there was a significant effort to launch information related to compliance with AB 434. We previously sent to you the Technology Letter (TL), TL 18-05 Website Accessibility Certification Policy which requires each Agency/state entity to certify that their internet website is in compliance with specified accessibility standard, located at https://cdt.ca.gov/technology-letters/

Now, we would like to announce that an introductory training course for website accessibility is being offered at our training center and can be found on the Training & Education Center Course Schedule .  It is a one day class which will be offered on the following dates; August 28th, August 29th and August 30th. We encourage you to sign up for this training and to share it with others in your organization who may benefit from this training.

TL 18-05 also includes a link to the Department of Rehabilitation’s (DOR) AB 434 Website Accessibility Toolkit at http://www.dor.ca.gov/State-AB434/index.html .

We hope you’ll find the Toolkit and training helpful as you prepare your website for accessibility certification.  We look forward to more discussion at our next meeting on October 18th.

If you have questions about the toolkit or the training, you may contact  AB434toolkit@dor.ca.gov

How to remove ads from your Google search results

How to remove ads from your Google search results

Government Edition for Custom Search Engine is now available for free without ads for Government agencies or bodies at any level (federal, state, local, or tribal). Please use the following form to start the process.

Please note that the free usage of Custom Search Engine applies only to the client side Custom Search Element. Using the JSON API will still cost $5 per 1000 queries.