consultative meeting on government website guidelines ...€¦ · government website guidelines:...

Consultative Meeting on

Government Website Guidelines: Migration & Content-Related Issues

Steph Azarias and Rox Aviñante

August 8, 2013, 9AM-12NN

Program

• Welcome and Preliminaries• Objectives/Expected Outcomes & Working Schedule

I. AO 39 and Website Migration Planning

II. Guidelines for the Content, Structure & Design of Government Websites

• Open Forum

Objectives

• To orient agencies on the implications of AO 39 in migrating all websites to the Government Web Hosting Service; and support agency migration planning;• To orient agencies on the Draft Guidelines governing the Content, Structure, and Design of the government websites, and provide templates to facilitate compliance with government’s Unified Web Content Strategy

Expected Outcome

• At the end of this meeting, you are expected to have sufficient knowledge and understanding on how to strategize your web content and features, and implement your web migration strategy in accordance with national policies and standards.

I.A.O. No. 39 and

Web Migration Planning

Administrative Order No.39

Mandating Government Agencies to migrate to the Government Web Hosting Service

(GWHS) of the Department of Science and Technology-Information and

Communications Technology Office (DOST-ICTO)


• Section 1: Establishment of the GWHS– For hosting the websites of :

• National Government Agencies (NGAs)

• Government Financial Institutions (GFIs)

• Government-Owned or Controlled Corporations (GOCCs)

• State Universities and Colleges (SUCs)• Inter-agency collaborations, programs and projects


• Section 2: Responsibilities of the Implementing Agencies– Content Coverage– Technical Assistance


• Section 3: Responsibilities of hosted agencies– Produce and regularly update the contents of

their websites, subject to the UWCP and its implementing rules;

– Develop online services offered through their websites, subject to prevailing policies, rules and regulations of the government; and

– Employ a webmaster duly designated by the Head of Agency


• Section 4: Migration of Existing Website– Complete migration within one year from the

effectivity of this AO– Content compliant with the UWCP within 180

days from its issuance– Websites that have been defaced or rendered

inaccessible by unauthorized parties within the last 6 months shall be given priority

Website Migration Plan

• Aims to ensure the smooth migration of a government website to the GWHS

• 3 PartsI. Situational Analysis

II.Problem Statement and Goals Setting

III.Strategic Action Agenda


I. Situational Analysis– There are 326 national government agencies

(NGA)– Only 33% or 106 NGAs are in transactional

and interactive stage (UN-ASPA)– 200 or 61% are into the informative stage– 20 or 6% have no web presence to date


Percentage of Gov't Agencies Website in accordance to the UN-ASPA Five Stages of e-Government


• Current Status of Gov’t Agencies’ websites– Unorganized, cluttered information– No standard look and feel– Unprofessional and unsecured


● Issues and Concerns– Absence of top management support– Lack of funds– Lack of technically skilled personnel and/or

difficulty in retaining them– Lack of sustainability plan


II. Problem Statement

The website migration plan aims to address the following problems:● Vulnerability of government agencies

websites● Absence of a standard “look and feel” of

government websites


Goals and Objectives● To work toward a fully-integrated Government

Portal● To ensure a smooth transition of migrating

government websites from individual agencies’ hosting to a consolidated platform

● To ensure a robust and secure web hosting platform for government websites


III. Strategic Action Agenda• Assessment of a government agency’s current

website – survey

• Prioritization– First priority:

• Websites that have been defaced or hacked within the past 12 months

• The use of the standard CMS• The use of Linux and PHP


III. Strategic Action Agenda– First Priority

• Criticality of an agency's website• Availability of a technical person to migrate

the website.– Second Priority

• If a particular agency does not use a standard CMS

• Current webhosting contracts with their commercial webhosting providers


III. Strategic Action Agenda– Second Priority

• Website's resource requirements, e.g., if a current agency website uses too much disk or database storage

• Websites requiring HTTPS


III. Strategic Action Agenda• Implementation of a Migration Checklist

– Did the current website pass the security and audit checks?

– Did the website adhere to the GWT requirements?

– Review of technical requirements– Availability of capable technical person– Set a date for migration and final turnover


III. Strategic Action Agenda• Initial Security and Audit Checks before going

online

• Actual Migration

• Implementation of a Staging Server

• Regular Backups, Security and Performance Monitoring

• Implementation of a trouble-ticketing and feedback system

II.Guidelines for the

CONTENT, STRUCTURE & DESIGN of Official Websites of the GPH

Outline

I. INTRODUCTION

II. POLICY FRAMEWORK

III. CONTENT, STRUCTURE, & DESIGN

GUIDELINES

IV. SOME TECHNICAL CONSIDERATIONS

V. RECOMMENDED WEBSITE GOVERNANCE

STRUCTURE

CONTENT GUIDELINES: GOVT WEBSITES

I. INTRODUCTION

A. Context and Rationale

B. Objectives

C. Scope of these Guidelines• National Government Agencies (NGAs)

• Government Financial Institutions (GFIs)

• Government-Owned or Controlled Corporations (GOCCs)

• Inter-agency collaborations, programs and projects

• State Universities and Colleges (SUCs)



A. Statement of Policy

B. Guiding Principles

C. Complementary Guidelines


II. POLICY FRAMEWORKA. Statement of Policy

A sound government web strategy is crucial to building GOOD GOVERNANCE



B. Guiding Principles

1. Open Government: Transparency &

Accountability

2. Open Data: Access to Public Information

3. Digital Inclusion, Accessibility & Usability

4. Citizen’s Engagement & Participation

5. Privacy of Personal Information

6. Information/Cyber Security



Guiding Principles

1. Open Government: Transparency &

Accountability

2. Open Data: Access to Public Information



Guiding Principles

3. Digital Inclusion, Accessibility & Usability

4. Citizen’s Engagement & Participation



Guiding Principles

5. Privacy of Personal Information

6. Information/Cyber Security


II. POLICY FRAMEWORKComplementary Guidelines (1)

• Migration to the Govt Web Hosting Service (AO 39)

• Unified Web Content Policy (EO ___ ) + Licensing Framework for Govt Digital Assets

• Open Data in Government Policy Framework



• Technical Guidelines in the Content Management Systems for Govt Websites

• Information Security/Cybersecurity Guidelines

• Other Content-Specific Guidelines: > PH Web Accessibility Guidelines (PWAG); > PCW Guidelines on Gender-Fair Content…



• RA 10135 IRRs & Govt Guidelines in Ensuring Data Privacy of Personal Information

• Government Guidelines in the Use of Social Media


III. Content, Structure, and Design of government websites

• Basic Interface

• Possible features to include

• Open Access: Transparency & Accessibility of Government Content

• Specific Content Guidelines


III.I Basic Interface

• Good user experience

• General template

• Required content

• Requirements for citizen engagement / transactional modules


III.I Basic Interface

• Good user experience - useful

- usable

- desirable

- findable

- credible

- accessible

- valuable


III.I Basic Interface• General Template: Sections

Major Sections Home Page Inner Pages

Top Bar ✔ ✔

Mast Head ✔ ✔

Banner ✔

Auxiliary Menu ✔, optional ✔, optional

Content Area ✔ ✔

Agency Footer ✔ ✔

Standard Footer ✔ ✔


III.I Basic Interface• General Template: Section Components

• Top Bar – shall contain the Republic Seal, required links, main navigation, search bar

• Required links – Home, Products and Services / Major Programs and Projects, Contact Us



• Auxiliary Menu – optional; may be used as a breadcrumb or an extra set of navigation

• Content Area Guidelines

• Background –white background

• Icons – has to have descriptions

• Font – 10-12pt Verdana, Arial, Tahoma

• Borders and Tables – optional to use agency’s own colors



• Mast Head – shall contain the Agency logo, Republic of the Philippines, Line or Department Name, Agency Name or Region, Tagline



• Agency Footer

- shall contain the navigation and links present in the Top Bar, Auxiliary Menu, and some from the content area

- shall also contain the Transparency Seal, Social Media links, a Downloads section, and the Archives



• Standard Footer- shall contain the list of all government agencies linked to each of their official websites

- copyright statement “All content is public domain unless otherwise stated”


III.I Basic Interface• Requirements for Citizen Engagement / Transactional modules

• User Login/Password

• Helpdesks and FAQs

• Social media modules – shall be placed at the agency footer


III.II Possible features to include:• Events Calendar

• Secretary’s Corner, Director’s Corner

• Photo Galleries

• Favicon


III.III Open Access: Transparency & Accessibility of Government Content

• in compliance with the requirements of DBM’s Transparency Seal Provision of the General Appropriations Act of 2012

• displayed on the main page of the website


III.IV Specific Content Guidelines• Accessibility to People with Disabilities

• Use of Gender-Fair Language


III.IV Specific Content Guidelines• Accessibility to People with Disabilities: Maturity Stage 1 (MS 1)

- Access instruction page

- Descriptive hyperlink

- Alternative text to graphic images

- Text transcriptions/descriptions for all audio and video clips

- Alternatives for online forms

- Avoid access barriers such as PDF file, frames



- Decorative images must contain null ALT text

- Use of access keys

- Links that should appear on every page: Site Map, Home, “Skip to Content”,

- Language should be easy to understand

- No blinking, rolling, or scrolling markup tags



- Provide a LABEL text and ALT text to forms

- Avoid using the FONT SIZE markup tags

- Provide a search form

- Layout must be navigable even if the page style is turned off

- Content must appear clearly even when colors are turned off



- Provide descriptive titles to every page

- Page style must be consistent all throughout the website

- Provide enough contrast between the foreground and background colors

- Avoid background sounds or music that may be distracting


III.IV Specific Content Guidelines• Use of Gender-Fair Language

- The Pseudo-Generic He and His – the use of he or his when referring to both male and female Avoid Alternative

If a student studies hard, he will succeed.

Students who study hard will succeed.

The average student is worried about his grades.

The average student is worried about the grades.

Each student will do better if he has a voice in the decision.

Students will do better if they have a voice in the decision.


III.IV Specific Content Guidelines• Use of Gender-Fair Language

- The Pseudo-Generic Man: – the use of man when referring to both men and women

Avoid Alternative

mankind Humanity, people

The best man for the job The best person for the job

Man the controls Take charge of

Businessman/businesswoman Business executive, manager

Stewardess Flight attendant

Lady lawyer Lawyer


III.IV Specific Content Guidelines• Limitation to the guidelines

- Agency has the discretion to include features/contents on its website that may be relevant or appropriate to the agency


IV. Some Technical Considerations

• Extensions

• Type of CMS


IV. Recommended Website Governance

• Ideal website management structure: roles and functions


[email protected]

consultative meeting on government website guidelines ...€¦ · government website guidelines:...

Documents