DB14_T 2544-2022政府网站集约化平台 网页设计规范.pdf

ICS35.140CCS L 8114山西省地方标准DB 14/T 25442022政府网站集约化平台 网页设计规范2022-09-30 发布2022-12-30 实施山西省市场监督管理局发 布DB 14/T 25442022I目次前言.II1范围.32规范性引用文件.33术语和定义.34设计原则.35设计要求.3DB 14/T 25442022II前言本文件按照GB/T 1.12020标准化工作导则第1部分：标准化文件的结构和起草规则的规定起草。本文件由山西省政务信息管理局提出、组织实施和监督检查。本文件由山西省市场监督管理局对标准的组织实施情况进行监督检查。本文件由山西省电子政务信息标准化技术委员会归口。本文件主要起草单位：山西省人民政府办公厅政务信息中心、山西省信息产业技术研究院有限公司。本文件主要起草人：张青云、徐卉、张鑫、杨晓明、刘宁、郭自强、陈炜哲、王渊、申利华、上官学奎、马瑾男。DB 14/T 254420223政府网站集约化平台 网页设计规范1范围本文件规定了政府网站集约化平台网页设计的原则和要求。本文件适用于省、市、县（区）政府网站集约化平台的建设。2规范性引用文件下列文件中的内容通过文中的规范性引用而构成本文件必不可少的条款。其中，注日期的引用文件，仅该日期对应的版本适用于本文件；不注日期的引用文件，其最新版本（包括所有的修改单）适用于本文件。GB/T 37668-2019 信息技术 互联网内容无障碍可访问性技术要求与测试方法3术语和定义下列术语和定义适用于本文件。3.1政府网站各级政府及其部门、派出机构和承担行政职能的事业单位在互联网上开办的，具有信息发布、解读回应、办事服务、互动交流等功能的网站。3.2政府网站集约化平台通过统一标准体系、统一技术平台、统一安全防护、统一运维监管、集中管理信息数据、集中提供内容服务，将一定范围内的政府网站集中到一起，形成资源优化融合、平台整合安全、数据互认共享、管理统筹规范的政府网站一体化平台。4设计原则设计原则包含但不限于以下内容：a)安全性：应采取技术措施保障网站安全稳定运行，防止网站被攻击、数据被损坏以及泄密等各种意外事故发生；b)开放性：应注重开放兼容、集成高效，确保后续维护便利；c)实用性：应符合用户群体需求，页面内容应简洁明了，方便用户进行查阅和浏览。5设计要求5.1标识5.1.1党政机关网站标识政府网站应加挂党政机关网站标识。DB 14/T 2544202245.1.2ICP 备案申请标识政府网站应注明ICP备案编号。5.1.3政府网站标识码政府网站应注明网站标识码。5.1.4网站徽标应根据区域特色或部门特点设计网站徽标，徽标应特点鲜明、容易辨认，便于记忆和推广。5.1.5政府网站找错标识政府网站页面底部应添加“我为政府网站找错”监督举报平台入口。5.2名称政府网站应以本地区、本部门机构名称命名。中文名称应在头部标识区域以本地区、本部门机构名称显著展示网站全称。5.3域名政府网站应使用以“”为后缀的英文域名和以“.政务”为后缀的中文域名，并符合以下要求：政府门户网站应使用“”结构的英文域名，其中为本地区、部门名称拼音或英文对应的字符串；部门网站应使用本级政府门户网站的下级域名，结构为“”，其中为本部门名称拼音或英文对应的字符串；政府网站各栏目、频道、专题、内容页、业务系统的网址应使用“ 37668-2019信息技术 互联网内容无障碍可访问性技术要求与测试方法，提供无障碍服务。DB 14/T 2544202255.4.5站点地图政府网站应设置站点地图，并提供整站导航。5.5布局网站应具有首页、频道页、栏目页、专题页、正文页等不同层级页面。页面布局应符合以下要求，包括但不限于：a)应科学合理、层次分明、重点突出，一般分为头部标识区、中部内容区和底部功能区；b)头部标识区应醒目展示网站名称，可根据实际情况展示中英文域名、标识以及多语言版、搜索、频道导航栏等入口，有多个域名的显示主域名；c)中部内容区应遵循“从左到右、从上到下”的阅读习惯，科学合理设置布局架构；d)底部功能区应列明党政机关网站标识、“我为政府网站找错”监督举报平台入口、网站标识码、网站主办单位及联系方式、ICP 备案编号、公安机关备案标识和站点地图等内容；e)政府网站各页面的头部标识区和底部功能区应保持一致；f)访问网站时，浏览器页签标题应显示网站标识和网站名称。5.6展现5.6.1总体展现政府网站页面色彩风格和主色调应协调统一，使用设计统一的网站标识（logo）图案及文字，应提供标准字体、字号供用户选择。应符合以下要求，包括但不限于：a)应简洁明了，清新大气，保持统一风格，符合 W3C 的相关标准规范要求；b)应确定 1 种主色调，合理搭配辅色调，总色调不宜超过 3 种；c)应使用符合用户习惯的标准字体和字号。栏目、频道、列表标题等应突出显示的内容，字号不小于 16px，正文内容等字号不小于 14px，页面底部区域文字不小于 12px；d)网页正文内容的行距应满足展现需要，不应小于 32px，宜采用 35px 通用行距；e)对主流类别及常用版本浏览器应具有较好的兼容性，页面保持整齐不变形,不出现文字错行、表格错位、功能和控件不可用等情况；f)页面中的图片和视频应匹配文字信息内容，确保加载速度，避免出现图片不显示、视频无法播放等情况。避免使用可能存在版权纠纷或争议的图片和视频；g)按照适配常用分辨率的规格设计页面，首页不宜过长。在主流计算机配置和当地平均网速条件下，页面加载时长不宜超过 3 秒；h)文字页面文本每行宽度不超过 40 个中文字符。文本段落的两侧尽可能减少其它元素的放置，或者完全留出空白。在同一个页面中，应保持图文排版对齐方向的一致性；i)对于页面滚动时位置固定的悬浮的元素，在任何设备上都不应遮挡其它网站内容，以防对屏幕阅读器造成干扰；j)网页内容中所有可通过鼠标操作实现的功能应均可通过键盘操作来实现；k)动画效果应在 3 秒之内停止，不应使用重复闪烁、始终移动的动画设计；l)应使用语义化标签编写网站，用户借助屏幕阅读器浏览网站时，屏幕阅读器可以朗读该区域的功能。5.6.2栏目栏目应满足信息分类展示、便于浏览，应符合以下要求，包括但不限于：a)按照信息类别、特定主题等维度进行编排并集中展现；DB 14/T 254420226b)设置应科学合理，充分体现政府工作职能，避免开设与履职行为、公众需求相关度不高的栏目；c)栏目名称应准确直观、不宜过长，能够清晰体现栏目内容或功能；d)应采用栏目名称首字母对文件夹进行命名，如有重复名称，使用“栏目名称_编号”形式；e)栏目内容较多时，可设置子栏目。栏目页要优先展现最新更新的信息内容；f)做好各栏目的内容更新、访问统计和日常核查，对无法保障、访问量低的栏目进行优化调整或关停并转。不应出现空白栏目，暂不能正常保障的栏目不应在页面显示，不应以“正在建设中”、“正在改版中”、“正在升级中”等理由保留空白栏目。5.6.3频道根据政府网站的主要功能和地区、部门特色，科学规划设置频道，频道设置应清晰合理，突出重点。频道不宜过多，一般以58个为宜。5.6.4专题专题应以图片、标题等形式在首页显著位置设置链接入口。专题较多时，应设置专门的专题区；专项工作结束时，相关专题应从首页显著位置撤下并标注归档标识，集中保留至专题区，便于公众查看使用；专题的页面风格应与网站整体风格保持一致，具体页面展现可根据需要灵活设计。5.6.5政府网站年度报表应发布政府网站工作年度报表，应符合以下要求，包括但不限于：a)发布数据应真实、准确、完整；b)应于每年 1 月 31 日前，通过政府网站向社会公开；c)应同时采用页面文本和可机读电子表格附件两种格式发布。5.7地址链接5.7.1内部链接网站应建立统一资源定位符（URL）设定规则，为网站的页面、图片、附件等生成唯一的内部地址，内部地址应清晰有效。除网站迁移外，网站各类资源的URL应保持不变。5.7.2外部链接网站内不应链接商业网站以及包含色情、暴力、反动等内容的网站。5.7.3链接管理政府网站应加强链接管理，应符合以下要求，包括但不限于：a)政府网站应建立链接地址的监测巡检机制，确保所有链接有效可用；b)跳转至非政府网站链接时，应提供明确提示信息；c)网站所有的外部链接应在页面上显示，不应出现“暗链”。5.8网页标签政府网站应在所有页面中设置相关标签。应在页面源代码“head/head”中以meta标签的形式，对网站名称、政府网站标识码、栏目类别等关键要素进行标记，标签值不能为空。DB 14/T 254420227栏目也应设置网站标签和栏目标签。内容页应在设置内容页标签的同时，设置网站标签以及栏目标签中的“栏目名称”和“栏目类别”标签，详见附录A、附录B、附录C。5.9其他设计要求包含但不限于以下内容：a)网站应方便公众浏览使用，页面内容应便于复制、保存和打印；b)网站应用系统、附件、视频等应有效可用，名称应直观准确；c)网站内不应刊登商业广告或链接商业广告页面；d)主办、承办单位对网站进行优化调整时，应考虑用户的访问和使用情况。DB 14/T 254420228AA附录A（规范性）网站标签规范名称规范名称标签名称标签名称是否多值是否多值设置要求设置要求赋值内容赋值内容网站名称SiteName否必选政府网站的规范名称网站域名SiteDomain是必选政府网站的英文域名政府网站标识码SiteIDCode否必选政府网站合法身份的标识DB 14/T 254420229BB附录B（规范性）栏目标签规范名称规范名称标签名称标签名称是否多值是否多值设置要求设置要求赋值内容赋值内容栏目名称ColumnName否必选政府网站具体栏目的名称栏目描述ColumnDescription是必选反映栏目设置目的、主要内容的说明栏目关键词ColumnKeywords是必选反映栏目内容特点的词语栏目类别ColumnType是必选首页概况信息机构职能负责人信息工作动态政策文件信息公开指南信息公开目录信息公开年报依申请公开数据发布数据开放政策解读回应关切办事服务咨询投诉征集调查在线访谈DB 14/T 2544202210CC附录C（规范性）内容页标签规范名称规范名称标签名称标签名称是否多值是否多值设置要求设置要求赋值内容赋值内容标题ArticleTitle否必选具体内容信息的标题发布时间PubDate否必选内容信息的发布时间，格式为YYYYMMDD HHMM来源ContentSource否必选文章的发布单位或转载来源关键词Keywords否可选反映文章信息内容特点的词语作者Author否可选文章的作者或责任编辑摘要Description否可选内容信息的内容概要图片Image否可选正文中图片URL网址Url否可选文章的URL地址