[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-texas-design-system-37-components-state-websites-en":3,"article-related-texas-design-system-37-components-state-websites-en":30,"series-tools-7c61102a-f8ad-4958-9ca8-f29c11f905f4":83},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":22,"views":26,"created_at":27,"published_at":28,"topic_cluster_id":29},"7c61102a-f8ad-4958-9ca8-f29c11f905f4","texas-design-system-37-components-state-websites-en","37 components in Texas Design System for state sites","\u003Cp data-speakable=\"summary\">Texas DIR launched a 37-component design system to help agencies modernize state websites.\u003C\u002Fp>\u003Cp>Texas Department of Information Resources (DIR) launched the Texas Design System on June 9, 2026, giving state agencies a shared library of website parts, templates, and guidance for modernizing public-facing sites and service portals. The toolkit is meant to make Texas government websites more accessible, easier to use, and more consistent across agencies.\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>數值\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Launch date\u003C\u002Ftd>\u003Ctd>June 9, 2026\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Website components\u003C\u002Ftd>\u003Ctd>37\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Accessibility target\u003C\u002Ftd>\u003Ctd>WCAG 2.2 AA\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Law driving the effort\u003C\u002Ftd>\u003Ctd>House Bill 5195 (89R)\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>What changed\u003C\u002Fh2>\u003Cp>The new system is a one-stop resource for agencies working under House Bill 5195, which directs Texas state agencies to improve accessibility, navigation, responsive design, and digital service efficiency across websites and online portals. DIR said the system was developed with a cross-agency website modernization workgroup.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348573877-mjss.png\" alt=\"37 components in Texas Design System for state sites\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>The package includes 37 ready-to-use components plus standardized templates and implementation guidance. DIR says the components cover common government site needs such as navigation menus, online forms, search, alerts, responsive layouts, and service pages.\u003C\u002Fp>\u003Cul>\u003Cli>Standardized headers, footers, buttons, cards, menus, and page layouts\u003C\u002Fli>\u003Cli>Figma design files and website templates released earlier\u003C\u002Fli>\u003Cli>Built to support screen readers and other assistive tech\u003C\u002Fli>\u003Cli>Designed to work across desktop, tablet, and mobile devices\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Why it matters\u003C\u002Fh2>\u003Cp>For developers and agency web teams, the appeal is speed and consistency. Instead of building common interface pieces from scratch, teams can start with approved components that already align with accessibility and usability guidance.\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348572890-iqia.png\" alt=\"37 components in Texas Design System for state sites\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>DIR says the system also helps create a familiar look across Texas government sites while still leaving agencies room to keep their own branding, colors, and typography. That balance matters for large public-sector portfolios where users often move between agencies and services.\u003C\u002Fp>\u003Cp>“Accessibility is a fundamental component for Texans accessing government services online,” said Marie Cohan, DIR’s Statewide Digital Accessibility Officer. “The Texas Design System gives agencies practical, easy-to-use tools to create digital experiences that are more accessible, mobile-friendly, and easier to navigate for Texans of all abilities.”\u003C\u002Fp>\u003Cp>The bigger question is whether other states will treat Texas’ approach as a reusable model: one design system, shared standards, and fewer inconsistent government interfaces.\u003C\u002Fp>","Texas DIR launched a 37-component design system to help agencies build more accessible, consistent websites under HB 5195.","dir.texas.gov","https:\u002F\u002Fdir.texas.gov\u002Fnews\u002Fdir-launches-texas-design-system-modernize-state-websites",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781348573877-mjss.png","tools","en","3493158e-1dbf-4fd4-8d17-a2f83cc428ca",[17,18,19,20,21],"Texas DIR","design system","website modernization","digital accessibility","HB 5195",[23,24,25],"DIR launched the Texas Design System on June 9, 2026.","The system includes 37 components, templates, and guidance for agency websites.","It targets WCAG 2.2 AA and supports screen readers and mobile devices.",0,"2026-06-13T11:02:20.613739+00:00","2026-06-13T11:02:20.598+00:00","a7343b93-37cc-4634-a2bc-707f6275bdb6",{"tags":31,"relatedLang":42,"relatedPosts":46},[32,34,36,38,40],{"name":20,"slug":33},"digital-accessibility",{"name":17,"slug":35},"texas-dir",{"name":18,"slug":37},"design-system",{"name":21,"slug":39},"hb-5195",{"name":19,"slug":41},"website-modernization",{"id":15,"slug":43,"title":44,"language":45},"texas-design-system-37-components-state-websites-zh","德州上線 37 組件設計系統","zh",[47,53,59,65,71,77],{"id":48,"slug":49,"title":50,"cover_image":51,"image_url":51,"created_at":52,"category":13},"00e85372-4cd5-4c1c-a933-be548854d157","five-patching-steps-distributed-estates-en","Five patching steps that fit distributed estates","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781352253873-woon.png","2026-06-13T12:03:42.304245+00:00",{"id":54,"slug":55,"title":56,"cover_image":57,"image_url":57,"created_at":58,"category":13},"4543733b-22c2-4f7d-a115-038d4c542cd2","microsoft-build-2026-agents-into-systems-en","Microsoft Build 2026 turns agents into systems","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781329728835-fcsi.png","2026-06-13T05:48:22.073787+00:00",{"id":60,"slug":61,"title":62,"cover_image":63,"image_url":63,"created_at":64,"category":13},"072db467-c073-42e5-b723-5b1888304902","mimo-v25-pro-turns-agent-work-into-one-api-call-en","MiMo-V2.5-Pro turns agent work into one API call","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781320696191-vzza.png","2026-06-13T03:17:48.852122+00:00",{"id":66,"slug":67,"title":68,"cover_image":69,"image_url":69,"created_at":70,"category":13},"1e01a6f4-3f54-407d-a775-f9147de8b911","8-cursor-alternatives-that-fit-how-you-work-en","8 Cursor alternatives that fit how you work","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781312598893-8ox5.png","2026-06-13T01:02:56.581668+00:00",{"id":72,"slug":73,"title":74,"cover_image":75,"image_url":75,"created_at":76,"category":13},"1a47f4ce-884c-4c5f-b5e1-2b117799fcce","ollama-default-local-ai-layer-en","Ollama is becoming the default local AI layer","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781310763401-cv9v.png","2026-06-13T00:32:16.812947+00:00",{"id":78,"slug":79,"title":80,"cover_image":81,"image_url":81,"created_at":82,"category":13},"105a8ad6-b183-47dd-9a1d-536c6ba89371","songscription-turns-piano-audio-into-editable-sheet-music-en","Songscription turns piano audio into editable sheet music","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781288304586-nos2.png","2026-06-12T18:17:56.189061+00:00",[84,89,94,99,104,109,114,119,124,129],{"id":85,"slug":86,"title":87,"created_at":88},"8008f1a9-7a00-4bad-88c9-3eedc9c6b4b1","surepath-ai-mcp-policy-controls-en","SurePath AI's New MCP Policy Controls Enhance AI Security","2026-03-26T01:26:52.222015+00:00",{"id":90,"slug":91,"title":92,"created_at":93},"27e39a8f-b65d-4f7b-a875-859e2b210156","mcp-standard-ai-tools-2026-en","MCP Standard in 2026: Integrating AI Tools","2026-03-26T01:27:43.127519+00:00",{"id":95,"slug":96,"title":97,"created_at":98},"165f9a19-c92d-46ba-b3f0-7125f662921d","rag-2026-transforming-enterprise-ai-en","How RAG in 2026 is Transforming Enterprise AI","2026-03-26T01:28:11.485236+00:00",{"id":100,"slug":101,"title":102,"created_at":103},"6a2a8e6e-b956-49d8-be12-cc47bdc132b2","mastering-ai-prompts-2026-guide-en","Mastering AI Prompts: A 2026 Guide for Developers","2026-03-26T01:29:07.835148+00:00",{"id":105,"slug":106,"title":107,"created_at":108},"3ab2c67e-4664-4c67-a013-687a2f605814","garry-tan-open-sources-claude-code-toolkit-en","Garry Tan Open-Sources a Claude Code Toolkit","2026-03-26T08:26:20.245934+00:00",{"id":110,"slug":111,"title":112,"created_at":113},"66a7cbf8-7e76-41d4-9bbf-eaca9761bf69","github-ai-projects-to-watch-in-2026-en","20 GitHub AI Projects to Watch in 2026","2026-03-26T08:28:09.752027+00:00",{"id":115,"slug":116,"title":117,"created_at":118},"9f332fda-eace-448a-a292-2283951eee71","practical-github-guide-learning-ml-2026-en","A Practical GitHub Guide to Learning ML in 2026","2026-03-27T01:16:50.125678+00:00",{"id":120,"slug":121,"title":122,"created_at":123},"1b1f637d-0f4d-42bd-974b-07b53829144d","aiml-2026-student-ai-ml-lab-repo-review-en","AIML-2026 Is a Bare-Bones Student Lab Repo","2026-03-27T01:21:51.661231+00:00",{"id":125,"slug":126,"title":127,"created_at":128},"6d1bf3f6-e191-4d30-b55b-8a0722fa6afe","ai-trending-github-repos-and-research-feeds-en","AI Trending Tracks Repos and Research Feeds","2026-03-27T01:31:35.709532+00:00",{"id":130,"slug":131,"title":132,"created_at":133},"010539a1-4c3a-4bd3-937a-26616422ee0d","awesome-ai-for-science-research-tools-map-en","Awesome AI for Science Is Becoming a Real Research Map","2026-03-27T01:46:50.89513+00:00"]