![Page 1: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/1.jpg)
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |1 DocumentVersion–2.0
Embassy Website Modernization Publishing Standards
U.S. Mission Website Platform Program
![Page 2: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/2.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:11/18/2015 P a g e |2 DocumentVersion–2.0
Table of Contents RevisionHistory.......................................................................................................................................................6
Introduction................................................................................................................................................................7
AbouttheU.S.MissionsWebsitePlatform................................................................................................7
AboutWordPress.................................................................................................................................................7
AboutthePublishingStandards....................................................................................................................8
InformationArchitecture......................................................................................................................................9
Overview..................................................................................................................................................................9
Visas.....................................................................................................................................................................10
U.S.CitizenServices......................................................................................................................................13
OurRelationship.............................................................................................................................................16
Business.............................................................................................................................................................18
Education&Culture......................................................................................................................................20
Embassy&Consulate(s).............................................................................................................................21
News&Events.................................................................................................................................................23
SystemPages....................................................................................................................................................24
DesignStandards....................................................................................................................................................25
Header.....................................................................................................................................................................25
Footer&Disclaimer..........................................................................................................................................26
PrivacyNotice&Disclaimer..........................................................................................................................27
ExternalLinkDisclaimer............................................................................................................................27
PrivacyNotice..................................................................................................................................................27
Typography...........................................................................................................................................................27
PreferredFonts...............................................................................................................................................27
AlternateFonts................................................................................................................................................27
ColorPalette.........................................................................................................................................................28
BrandColors.....................................................................................................................................................28
OtherColorsofNote.....................................................................................................................................28
SocialMedia......................................................................................................................................................28
![Page 3: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/3.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |3 DocumentVersion–2.0
PageTemplates...................................................................................................................................................29
PageTemplatesAvailabletoUsers........................................................................................................29
AdministratorTemplates...........................................................................................................................30
Navigation.............................................................................................................................................................31
GlobalNavigation...........................................................................................................................................31
LandingPages..................................................................................................................................................31
HomePageElements........................................................................................................................................32
AbovetheFold.................................................................................................................................................32
BelowtheFold.................................................................................................................................................34
InternalPageElements....................................................................................................................................35
BlogPostElements............................................................................................................................................36
MainBodyFeaturesandFunctions............................................................................................................38
Pagination.........................................................................................................................................................38
SocialMediaNavigation..............................................................................................................................39
EventCalendar................................................................................................................................................39
Accordion...........................................................................................................................................................40
HomePageSlider...........................................................................................................................................41
CustomSidebars.................................................................................................................................................42
GoogleMaps.....................................................................................................................................................42
LinkLists............................................................................................................................................................42
RelatedPosts....................................................................................................................................................43
RSSFeed.............................................................................................................................................................43
AdobeReader..................................................................................................................................................44
SocialLinks.......................................................................................................................................................44
Textbox...............................................................................................................................................................44
TextboxImage.................................................................................................................................................45
TextboxImageFull........................................................................................................................................45
TwitterFeed.....................................................................................................................................................46
FacebookFeed.................................................................................................................................................46
InstagramFeed...............................................................................................................................................47
![Page 4: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/4.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |4 DocumentVersion–2.0
FlickrFeed.........................................................................................................................................................47
SecretaryFeed.................................................................................................................................................48
POTUSFeed......................................................................................................................................................48
VPOTUSFeed...................................................................................................................................................49
Video....................................................................................................................................................................49
Shortcodes.........................................................................................................................................................49
Forms...........................................................................................................................................................................50
PDFForms.............................................................................................................................................................50
OnlineForms........................................................................................................................................................50
Photos..........................................................................................................................................................................51
GeneralGuidelinesforImages......................................................................................................................51
PhotoSizes............................................................................................................................................................52
Pages....................................................................................................................................................................52
Posts.....................................................................................................................................................................52
Miscellaneous..................................................................................................................................................52
Captions..................................................................................................................................................................53
CaptionTextLimits.......................................................................................................................................53
ALTTags................................................................................................................................................................53
PhotoCredits........................................................................................................................................................54
PhotoTips.............................................................................................................................................................54
UsefulInformation........................................................................................................................................55
Tables..........................................................................................................................................................................55
ScopeAttribute...................................................................................................................................................55
TableSummaries................................................................................................................................................56
SampleCodedTable......................................................................................................................................57
UserFriendlyPages...............................................................................................................................................58
CreatingUserFriendlyPages........................................................................................................................58
FileandURLNamingConventions.............................................................................................................58
ExternalLinks......................................................................................................................................................58
DomainNames....................................................................................................................................................58
![Page 5: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/5.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |5 DocumentVersion–2.0
LanguageContentDisplay..................................................................................................................................59
ContentandMaintenance...................................................................................................................................60
AccessibilityStandards........................................................................................................................................61
WhatisSection508?.........................................................................................................................................61
WebAccessibilityInitiative(WAI).............................................................................................................61
BarriertoAccess............................................................................................................................................61
WebContentAccessibilityGuidelines(WCAG).....................................................................................62
AccessibleDesign...............................................................................................................................................62
UniquePageTitle...............................................................................................................................................62
HeadingTags–ProperUse............................................................................................................................62
AccessibleVideo.................................................................................................................................................63
CaptioningandTranscripts.......................................................................................................................63
CaptioningAdvantages................................................................................................................................63
TipsforCaptioning........................................................................................................................................64
AccessiblePDFDocuments............................................................................................................................64
Appendices................................................................................................................................................................65
AppendixA–Glossary.....................................................................................................................................65
AppendixB–AdditionalServicesandInformation............................................................................71
CustomerSupportServices.......................................................................................................................71
TrainingServices............................................................................................................................................71
![Page 6: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/6.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |6 DocumentVersion–2.0
Revision History
Revision Description Author PeerReview ReleaseDateDraft Re-writeandre-formatoforiginalMWP
PublishingStandardsRhondaUrbanczyk RebeccaJenkins,
ClaraHall,LauraLynch,NikiDeanda
05/12/2016
DraftRevisions MakeupdatesandeditsonfeedbackprovidedfromPeerReview
RhondaUrbanczyk RebeccaJenkins,ClaraHall,LauraLynch,NikiDeanda
06/01/2016
v2.0 Minortexttweaks,IncludedLanguageoptions,updatedimagesizes,published
RhondaUrbanczyk RebeccaJenkins,ClaraHall,LauraLynch,NikiDeanda
06/03/2016
![Page 7: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/7.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |7 DocumentVersion–2.0
Introduction About the U.S. Missions Website Platform TheprimarypurposeoftheU.S.MissionsWebsitePlatform(MWP)istoprovidecontentmanagement,webhosting,search,andwebreportingtoolsforU.S.Missionsworldwide.ThisprojectisthevehiclebywhichIIP’scoremissionisdelivered:“Togettherightinformation,totherightpeople,attherighttime.”TheOfficeofDigitalprovidesthedeliveryplatformandinfrastructurethatfacilitatesthedevelopment,maintenance,andhostingofacentralizedmultilingualcontentmanagementsystemtostreamlinethecreationanddeliveryofhighqualityinformationforbothprintandwebcontentforEmbassyandIIPinternationalaudiences.About WordPress WordPressisafreeandopensourcebloggingtoolandaContentManagementSystem(CMS)basedonPHPHypertextPreprocessor(PHP)andMySQL.WordPress:
Ø Usesatemplatesystemconsistingofthemesthatallowsuserstochangethelook,feel,andfunctionalityoftheirwebsitewithoutalteringthesite’sinformationcontentorstructure.TherearethousandsofWordPressthemesavailable,viaopensourceorcommercialdevelopers.Usersmayalsocreateanddeveloptheirowncustomthemes,iftheyhavetheexpertisetodoso.
Ø UsespluginarchitecturethatallowsuserstoextendWordPressfunctionalities.Therearecurrentlyover35,000pluginsavailableforWordPress,offeringcustomizablefunctionsandfeaturesthatenabletheusertoenhancetheirsitestotheirspecificneeds.
Ø Supportstheuseofwidgets-smallblocksofcodethatperformaspecificfunctionfromwithinaWordPresssidebar.
Ø SupportsmobilenativeapplicationsforWebOS,Android,iOS(iPhone,iPodTouch,andiPad),WindowsPhone,andBlackBerry.LearnmoreatWordPress.org
![Page 8: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/8.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |8 DocumentVersion–2.0
About the Publishing Standards ThePublishingStandardsaredesignedtoprovideguidancetoallModernizedWebsiteparticipantsinanefforttopresentaunifiedandapprovedstyleforallpublicwebsites.Thispublication,createdandimplementedbytheBureauofInternationalInformationPrograms(IIP)oftheDepartmentofState(DoS),servesasareferencetowebmanagersandcontentprovidersparticipatingintheprogram.ThePublishingStandardsareintendedtobeinformativeandeasytouse,andthereforemaynotcoverthebreadthofstylequestionsthatusersmayhave.ForanyquestionnotreferencedinthePublishingStandards,pleasereachouttothe24/7/365helpdeskat:[email protected],andoneofoursupportrepresentativeswillbehappytoassist.
![Page 9: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/9.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |9 DocumentVersion–2.0
Information Architecture Overview TheMissionWebsitePlatforminformationarchitectureconsistsofseven(7)sections,whichrepresentthetopicsthatareofprimaryinteresttositevisitors.Thesesectionsarebrokendownintosubcategories,whichcanbetterassistvisitorsinfindingspecificinformation.
Thesevensectionsareorganizedtoincludeinformationthatisspecifictovisas,U.S.citizenservices,thebilateralrelationshipbetweentheUnitedStatesandthehostcountry,business,education&culture,thephysicallocationofthemission(s),andnews&events.
Whendevelopingtheinformationarchitectureand,insomecases,thecontentofthesesections,IIPworkedverycloselywithConsularAffairs(CA),Education&Culture(ECA),andtheEconomicBureau.
Inadditiontoconsistentinformationarchitecture,thereareseveralsidebaritemsthroughoutthesitethatarerequired.Thesearelistedwiththeirrespectivesections.
Thereareguidelines–outlinedbelow–thatdeterminewhatpagesandlabelscanbemodified.TheseguidelinesarespecificfortheEnglishlanguagewebsites.Poststhatsupportalanguagewebsitemayeditlocallanguagelabelsandsectionsasappropriate.
Inordertoensurecompliancewiththeinformationarchitectureandthestandardizedcontentandnamingconventions,therearepagesinthesitethatarenoteditablebywebmanagers.Thesepagesarealsonoted.Ifanychangesarerequired,pleasecontactthe24/7/365helpdeskat:[email protected].
![Page 10: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/10.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |10 DocumentVersion–2.0
Visas TheVisassectionofthewebsiteisdeliveredintwoversions,GSSorNon-GSSlocations.Locationsthatusea3rdpartytoprovidevisaservicesareconsideredGSS,andthosethatprovideallvisaservicesattheEmbassyareNon-GSS.GSSInformationArchitecture
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?VISAS(LANDINGPAGE) NO YES NO
NONIMMIGRANTVISAS NO YES NOIMMIGRANTVISAS NO YES NO
FAMILY-BASEDIMMIGRATION NO NO YES
FIANCÉ(E)VISA NO NO YESEMPLOYMENT-BASEDIMMIGRATION NO NO YES
DIVERSITYVISAPROGRAM NO NO YES
RETURNINGRESIDENTVISA NO NO YES
VISAWAIVERPROGRAM NO NO YESTRAVEL&TOURISMINTHEU.S. NO YES NO
GSSMegamenu
![Page 11: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/11.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |11 DocumentVersion–2.0
Non-GSSInformationArchitecture
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?VISAS(LANDINGPAGE) NO YES NO
NONIMMIGRANTVISAS NO ISNOTAPAGE NOTOURISM&VISIT NO YES YESTEMPORARYEMPLOYMENT NO YES YES
STUDY&EXCHANGE NO YES YESOTHER YES NO YES
IMMIGRANTVISAS NO ISNOTAPAGE NOFAMILY-BASEDIMMIGRATION NO YES YES
FIANCÉ(E)VISA NO YES YESEMPLOYMENT-BASEDIMMIGRATION NO YES YES
DIVERSITYVISAPROGRAM NO YES YES
RETURNINGRESIDENTVISA NO NO YES
VISAWAIVERPROGRAM NO NO YESTRAVEL&TOURISMINTHEU.S. NO YES NO
Non-GSSMegamenu
![Page 12: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/12.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |12 DocumentVersion–2.0
RequiredSidebarItems–VisasLandingPage
AdditionalResources ContactUs GovernmentAgencyLinks
RequiredSidebarItems–NonimmigrantVisasPage(s)
AdditionalResources ContactUs GovernmentAgencyLinks
RequiredSidebarItems–ImmigrantVisasPage(s)
AdditionalResources ContactUs GovernmentAgencyLinks
![Page 13: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/13.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |13 DocumentVersion–2.0
U.S. Citizen Services
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?U.S.CITIZENSERVICES(LANDINGPAGE) NO YES NO
EMERGENCYSERVICES NO ISNOTAPAGE NOCONTACTINFORMATION NO YES YESARRESTOFAU.S.CITIZEN NO YES YES
DEATHOFAU.S.CITIZEN NO YES YES
VICTIMSOFCRIME NO YESEMERGENCYFINANCIALASSISTANCE NO
SECURITYMESSAGES&LOCALRESOURCES NO ISNOTAPAGE NO
SAFETY&SECURITYMESSAGES NO YES NO
LOCALRESOURCESFORU.S.CITIZENS NO YES YES
EMERGENCYASSISTANCE NO YES YES
LEGALASSISTANCE NO YES YES
MEDICALASSISTANCE NO YES YES
PASSPORTS&CITIZENSHIP NO ISNOTAPAGE NOCITIZENSHIPSERVICES NO NO YESPASSPORTS NO YES YES
FEDERALBENEFITS NO ISNOTAPAGE NOINTERNALREVENUESERVICE NO YES YES
SELECTIVESERVICEREGISTRATION NO YES YES
SOCIALSECURITY NO YES YESVETERANSAFFAIRS NO YES YESVOTING NO YES YES
CHILD&FAMILYMATTERS NO ISNOTAPAGE NOADOPTION NO NO YESBIRTH NO YES YESINTERNATIONALPARENTALCHILDABDUCTION
NO YES YES
U.S.CitizenServicesMegamenu
![Page 14: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/14.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |14 DocumentVersion–2.0
RequiredSidebarItems–U.S.CitizenServicesLandingPage
STEP SendingMoneyOverseas
RequiredSidebarItems–Safety&SecurityMessages
STEP MoreInformation
RequiredSidebarItems–InternalRevenueService
AdditionalResources AdobeReader
![Page 15: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/15.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |15 DocumentVersion–2.0
RequiredSidebarItems–OtherFederalBenefits
AdditionalResources–SocialSecurity AdditionalResources–SocialSecurity
AdditionalResources-VeteransAffairs AdditionalResources-Voting
RequiredSidebarItems–InternationalParentalChildAbduction
ContactUs AdditionalResources
LocalResourcesDisclaimerAllpagesunder“LocalResources”thatlistlinkstoexternalsourcesmustincludetheCA-approveddisclaimerinBlockquote:
LocalResourcesDisclaimer
![Page 16: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/16.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |16 DocumentVersion–2.0
Our Relationship
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?OURRELATIONSHIP(LANDINGPAGE) NO YES NO
U.S.MISSIONLEADERS NO ISNOTAPAGE NOAMBASSADOR[NAME] NAMEONLY YES YESDEPUTYCHIEFOFMISSION[NAME] NAMEONLY YES YES
CONSULGENERAL[NAME] NAMEONLY YES,IFTHEREARE
CONSULATES YES
U.S.GOVERNMENTLEADERS NO ISNOTAPAGE NOPRESIDENT NO YES NOVICEPRESIDENT NO YES NOSECRETARYOFSTATE NO YES NO
U.S.&[HOSTCOUNTRY] NO ISNOTAPAGE NOPOLICY&HISTORY NO YES YESOFFICIALREPORTS NO YES YES
FEATUREDEVENT YES NO YES
OurRelationshipMegamenu
RequiredSidebarItems–OurRelationshipLandingPage
RelatedLinks
![Page 17: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/17.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |17 DocumentVersion–2.0
RequiredSidebarItems–Policy&HistoryPages
UsefulLinks History@StateTwitterFeed
RequiredSidebarItems–OfficialReportsPage
AdditionalResources FeaturedEvent–DetailsWebmanagersmaychoosetospotlightaneventintheFEATUREDEVENTcolumnoftheMegamenu.Thefollowingguidelinesapply:
1. The24/7/365helpdeskcanimplementtheFEATUREDEVENTcolumn.Pleasee-mailthehelpdeskatembassy@america.govforassistance.
2. “FeaturedEvent”isaplaceholdertitleonly–itshouldbereplacedwiththetitleoftheevent.
3. A243x115pixelimagemustbeprovided.
4. Abriefdescription(nomorethan200words)shouldbeprovided.
5. AFeaturedEventtemplateisrecommended.
![Page 18: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/18.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |18 DocumentVersion–2.0
Business
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?BUSINESS(LANDINGPAGE) NO YES NO
DOINGBUSINESSIN[COUNTRY] NO ISNOTAPAGE NO
GETTINGSTARTED NO YES YESCOMMERCIALOPPORTUNITIES NO NO YES
OVERSEASSECURITYADVISORYCOUNCIL NO YES YES
ECONOMICDATA&REPORTS NO YES YES
DOINGBUSINESSINTHEU.S. NO ISNOTAPAGE NOGETTINGSTARTEDINTHEU.S. NO YES YES
ECONOMICDATA&REPORTS NO YES YES
BusinessMegamenu
![Page 19: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/19.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |19 DocumentVersion–2.0
RequiredSidebarItems–DoingBusinessin[HostCountry]andDoingBusinessintheU.S.Pages
ContactUs TradeLeads QuickLinks
![Page 20: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/20.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |20 DocumentVersion–2.0
Education & Culture
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?EDUCATION&CULTURE(LANDINGPAGE) NO YES NO
STUDYINTHEU.S.A. NO ISNOTAPAGE NOSTUDYINTHEU.S.A NO YES YES
AMERICANSPACES NO NO NOSPACEONE YES NO YESSPACETWO YES NO YESOPTIONAL YES NO YES
LOCALPROGRAMS NO NO YESPROGRAMONE YES NO YESPROGRAMTWO YES NO YESOPTIONAL YES NO YES
FEATUREDPROGRAM YES NO YES
Education&CultureMegamenu–DefaultOptions
TheEducation&Culturesectionofthewebsiteprovidesagreatdealofflexibilityforwebmanagerstodisplaylocalprogramsandresourcesfortheirvisitors.TheaboveexampleisthedefaultoptionforEducation&Culture,howeverthe3leftcolumnsareflexibleandmaybeusedtodisplaylistsoflinks(asshown)orasinglespotlightasdepictedintheStudyintheU.S.A.andFEATUREDPROGRAMcolumns.TousetheFEATUREDPROGRAMcolumn,thefollowingguidelinesapply:
1. The24/7/365helpdeskcanimplementtheFEATUREDPROGRAMcolumn.Pleasee-mailthehelpdeskatembassy@america.govforassistance.
2. “FeaturedProgram”isaplaceholdertitleonly–itshouldbereplacedwiththetitleoftheprogram.
3. A243x115pixelimagemustbeprovided.
4. Abriefdescription(nomorethan200words)shouldbeprovided.
5. Anytemplatemaybeused,howeverFeaturedEventandPaginationworkbest.
![Page 21: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/21.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |21 DocumentVersion–2.0
Embassy & Consulate(s)
PageName CanLabelBeChanged? IsPagerequired? WebManagerEdits?EMBASSY&CONSULATE(S)(LANDINGPAGE) NO YES NO
U.S.EMBASSY NO ISNOTAPAGE NOCITYNAME NO YES YES
U.S.CONSULATE(S) NO ISNOTAPAGE NOCONSULATEONE NO NO YESCONSULATETWO NO NO YESOTHERSASREQUIRED NO NO YES
EMBASSYSPOTLIGHT YES NO YESWORKWITHUS(JOBS) YES NO YES
Embassy&ConsulatesMegamenu
RequiredSidebarItems–Embassy&Consulate(s)LandingPage
Holidays
![Page 22: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/22.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |22 DocumentVersion–2.0
EmbassySpotlight–DetailsWebmanagersmaychoosetospotlightaneventintheEMBASSYSPOTLIGHTcolumnoftheMegamenu.Thefollowingguidelinesapply:
1. The24/7/365helpdeskcanimplementtheEMBASSYSPOTLIGHTcolumn.Pleasee-mailthehelpdeskatembassy@america.govforassistance.
2. “EmbassySpotlight”isaplaceholdertitleonly–itshouldbereplacedwithanappropriatetitle.
3. A243x115pixelimagemustbeprovided.
6. Abriefdescription(nomorethan200words)shouldbeprovided.
7. Anytemplatemaybeused,howeverFeaturedEventandPaginationworkbest.RecommendedSidebarItems–Embassy&ConsulateInternalPages
GoogleMap ContactUs HolidayCalendar IIPalsostronglyrecommendsimplementingtheSOCIALMEDIAsidebaronallEmbassyandConsulatepages.
![Page 23: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/23.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |23 DocumentVersion–2.0
News & Events TheNews&EventsMegamenuiscategory-driven.Whichcategoriesdisplayisdeterminedbythewebmanagerandisimplementedbythe24/7/365helpdesk.Sitesmaydisplaybetween3and9categoriesintheleftcolumnoftheNews&EventsMegamenu,andwhenthevisitorhoversoverthem,the4mostrecentpostsforthecategorywilldisplayinthe4rightcolumnsoftheMegamenu.
News&EventsMegamenu
RequiredSidebarItems–News&EventsLandingPage
BlogFilter/Search Topic/CategoryList
![Page 24: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/24.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |24 DocumentVersion–2.0
DefaultSidebarItems–IndividualPosts
Topics/CategoryList RecentPosts
NOTE:IFTHEREISCONTENTFORACUSTOMSIDEBARONABLOGPOST,SUCHASANASSOCIATEDVIDEO,LINKSORPDFS,WEBMANAGERSMAYCHOOSETOUSETHECUSTOMSIDEBAROPTION.
System Pages Eachwebsitehasthree(3)systempages.Thesepagesarenoteditablebywebmanagersandarestandardinallsites:
1. Sitemap–Automaticallygenerated,thesitemapdisplaysallpageswithinthesiteina“tree”view.
2. SocialMediaProperties–aCountry’ssocialmediapropertiesarelistedonthispage,bothforEmbassyandConsulatelocations.
3. Privacy–TheprivacypolicyisapprovedbylegalandisrequiredineachU.S.Missionwebsite.
![Page 25: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/25.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |25 DocumentVersion–2.0
Design Standards Header TheHEADERistheprimarybrandingofeachU.S.Missionsiteandisconsistentthroughouttheenterprise.TheHEADERappearsoneverypageandpostwithinthesite.
StandardHeader
1. DepartmentofStateOfficialSeal.
2. LocalBranding–Tomaintainconsistency,thefollowinglabelsmustbeused,
dependingonthesituationin-country:
a. U.S.Embassyin[HostCountry]b. U.S.Embassy&Consulate(s)in[HostCountry]c. U.S.Consulatein[HostCity]d. U.S.Missionto[Country]e. U.S.Missionto[InternationalOrganization]
3. LanguageSelector.
4. SocialMediaandSearchButtons.
a. Three(3)SocialMediabuttonsmayappearintheheader.The“+”linkstotheSOCIALMEDIAPROPERTIESpage,whichlistsallSocialMediawithinthecountry.
NOTE:IFANEXCEPTIONTOTHELOCALBRANDINGARISES,THEMODERNIZATIONTEAMWILLWORKCLOSELYWITHIIPSENIORMANAGEMENT,THELOCALTEAMINCOUNTRY,ANDTHEREGIONALPOLICYOFFICETOPROVIDEASOLUTIONBASEDONJUSTIFIABLENEEDS.
![Page 26: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/26.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |26 DocumentVersion–2.0
Footer & Disclaimer TheFOOTERisthesecondbrandedelementofthesiteandisconsistentthroughouttheenterprise.TheFOOTERappearsoneverypageandpostwithinthesite.
StandardFooter
1. GlobalNavigation–ThisincludesallitemsdisplayedintheMegamenu,inaddition
tosystempages,suchastheprivacypage.
2. EmbassyDetailsa. CityName,linkedtointernalpage.b. Addressc. Phoned. Faxe. SocialMediaProperties
3. Consulates
a. EachConsulatecity,withalinktotherespectiveinternalpage.
4. OfficialDisclaimer.
5. U.S.Flag.
![Page 27: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/27.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |27 DocumentVersion–2.0
Privacy Notice & Disclaimer External Link Disclaimer PerDepartmentofStatepolicy,thefollowingdisclaimerisrequiredonallofficialwebsites:“ThisistheofficialwebsiteoftheU.S.Embassy&Consulatesin[HostCountry].ExternallinkstootherInternetsitesshouldnotbeconstruedasanendorsementofthevieworprivacypoliciescontainedtherein.”Privacy Notice Inaccordancewith5FAM772,allU.S.Governmentwebsitesarerequiredtoprovideastatementthatdescribeshowuserinformationmaybetrackedaswellaswhatisdonewithinformationcollectedfromusers.Federalwebsitesmustcontainaprivacypolicystatement,evenifthesitedoesnotcollectanyinformationthatresultsincreatingaPrivacyActrecord.EverywebsiteproducedbytheDepartmentisrequiredtoprovideaPrivacyActstatement,regardlessofwhatnetworkthesiteresideson.Typography TheU.S.MissionWebsitePlatformusesseveralfontfamilies:Preferred Fonts
§ SiteHeader:Oswald22points§ PostHeader:Oswald24points§ BodyText:Roboto16points
Alternate Fonts
§ SiteHeader:Arial,San-serif§ H1–H6:Arial,San-serif§ Body:Arial,Helvetica,San-serif
![Page 28: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/28.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |28 DocumentVersion–2.0
Color Palette Properuseofcolorcanbeextremelyeffectiveforcreatingperceptualeffectsandcanreinforcethelayout,whichwillallowforincreasedcomprehensionforthevisitor.Agooduseofcolorcanmakeanitemthatwouldotherwisebelostonthepage,popout,emphasizeimportantinformation,andvisuallygrouprelateditemstogether.TheprimarycolorsfortheDepartmentofStateU.S.MissionWebsitePlatformarerepresentedbelow.ThecolorswereselectedbasedupontheoverallbrandingofotherStateDepartmentwebsitesandhistoricalbrandingforEmbassywebsites.Brand Colors Brandcolorsareusedin:TheHeader,Footer,SidebarBoxes,NewsletterSign-upBoxandtheMegamenu.
#003875 #06284C #FFFFFF #CC3333
Other Colors of Note Someadditionalcolorsthatappearthroughoutthewebsiteareworthnoting
#EFEFEF #DDDDDD #FFDB67
BrandGrey BorderGrey TSGNotification
BarSocial Media TheofficialcolorsofFacebookandTwitter
#47639E #55ACEE
Facebook Twitter
![Page 29: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/29.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |29 DocumentVersion–2.0
Page Templates Foreaseofusewhencreatingcontent,theU.S.MissionWebsitePlatformprovidescustomtemplatesspecificallydesignedforusebywebmanagersinthefield.Thesetemplatesaddressmanydifferentcontentscenarios,themostcommonofwhicharenotedbelow.Page Templates Available to Users
• PageTitleCharacterLimit–150
TemplateName CommonandRecommendedUses
AmbassadorPage § LeaderBiographies,specificallyAmbassador,DCM,ConsulsGeneral.
§ TopImage/Video.§ NameTitleFieldLimit–130characters.
DefaultPage § Mostallpagesusethedefaulttemplate.§ Paginationisavailable.§ Accordionisavailable.§ Images–Limit2.
FeaturedEventPage § Specialevents,featuredprograms,Embassyspotlight,etc.
§ TopImage/Video.§ Taggedblogrolldisplaysthe6latestposts.§ ContentTextLimit–1300characters.
HolidaysPage § U.S.andlocalholidays.§ Displaylimitof12calendarmonths.§ EventTitleTextLimit–75characters.§ NoSidebar.
ImageVideoPage § ThispageiscurrentlyusedfortheStudyintheUSApageandtheTravel&Tourismpage.Itmaybeusedinanysectionthatrequiresanimage-heavylookandfeel.
§ Limitof20contentboxes.§ BoxHeadingTextLimit–75characters.§ BoxContentTextLimit–340characters.
![Page 30: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/30.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |30 DocumentVersion–2.0
TemplateName CommonandRecommendedUses
ListingPage § Anypagethatrequiresalisting,eachlistitemcanalsoaccommodateabriefdescription.
§ Limitof10linksperpage.§ LinkTextLimit–100characters.§ DescriptionTextLimit–1300characters.
PeoplePage § UsefulforKeyOfficerpagesorsimilar.§ Limitof15items.§ NameTitleTextLimit–130characters.§ ContentTextLimit–1300characters.
Administrator Templates
TemplateName CommonandRecommendedUses
HomePage § Flipboxesandblogrollcanbechangedviathe24/7/365helpdesk.
LandingPage § ToplevelpagesforallMegamenusections.§ Limitedto10linkspersection.
LocationPage § UsedexclusivelyfortheEmbassy&Consulate(s)landingpage.
TravelAlertPage § AutomaticallypopulatedbyTravel.state.govanditemsfromtheNews&Eventssectionwiththe“Security&EmergencyMessages”category.
![Page 31: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/31.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |31 DocumentVersion–2.0
Navigation Global Navigation Dropdownmenus(theMegamenu)allowone-clickaccesstoalltop-levelpages.Visitorscanseethedepthofthewebsitewithouthavingtoclickthrougheverypage.Inaddition,visitorshaveeasyaccesstoin-countrylocations.
Megamenu(GlobalNavigation)
§ Eachsitedisplaystheseven(7)maincontentsections.
§ Sectionnamesremainconsistentthroughouttheenterpriseandmaynotbe
changed.Landing Pages
LandingPageExample
§ Eachcontentsectionofthesiteisrepresentedwithalandingpage.
§ ThelandingpagewillmirrortheMegamenudrop-down.
§ Landingpagesmayhavesidebars.
§ Onlythe24/7/365helpdeskmayeditLandingpages.
![Page 32: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/32.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |32 DocumentVersion–2.0
Home Page Elements Above the Fold
TopHalfofHomePage
1. StandardHeader.
2. AlertBar–Controlledbythewebmanager,maybeusedforimportantlocal
messages.
3. Megamenu.
4. Slideshow:a. Displaysupto5items.
![Page 33: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/33.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |33 DocumentVersion–2.0
b. MayembedYouTubevideos.c. ImageSize:1140x440pixels,minimum.d. TitleLimit–60characters.e. AnchorTextLimit–80characters.f. DescriptionTextLimit–300characters.
5. FlipBoxes:
a. VisasandU.S.CitizenServicesboxesrequiredtobeplacedinspots1and2inallwebsites.
b. Maydisplay3boxesor6boxes.c. Onlythe24/7/365helpdeskcanchangeflipboxes.d. Newflipboxesmustbeapprovedbeforeimplementation.
![Page 34: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/34.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |34 DocumentVersion–2.0
Below the Fold
BottomHalfofHomePage
6. Blogroll:
a. Displayspostsfromcategoriesselectedbythewebmanager.Thesecategoriesmaybeupdatedbycontactingthe24/7/365helpdesk.
b. Displaysupto6itemsonpageload.c. Visitormayclick“ShowMore”toloadanadditionalsixitems–thisactionis
repeatableandwilldisplaya“ShowAll”buttonafterthree(3)clicks.
7. StandardFooter.
![Page 35: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/35.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |35 DocumentVersion–2.0
Internal Page Elements
InternalPageElements
1. StandardHeader.
2. AlertBar–Appearsoneverypagewhenactive.
3. Megamenu.
4. MainBodyContent–Displayvariesdependingontemplateinuse.
a. TitleTextLimit-150
5. Sidebar.
a. SidebarBoxLimit-8
6. StandardFooter.
![Page 36: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/36.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |36 DocumentVersion–2.0
Blog Post Elements
BlogPostExample
![Page 37: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/37.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |37 DocumentVersion–2.0
1. StandardHeader.
2. Megamenu.
3. PostTitle.a. TitleTextLimit–150characters.
4. FeaturedImage.
a. Imagesizerequirementsvarybytemplate.b. Thisimagepopulatestherestofthesite(blogroll,News&Eventsdropdown,
suggestedforyou,relatedcontent,etc.)
5. AddThissharingbuttons–Allowsvisitorstoeasilysharecontentontheirsocialmediapages.
6. MainContent–Canaccommodateavarietyofcontent:a. Textb. Multipleimagesc. Embeddedvideod. EmbeddedWordPressgalleriese. EmbeddedFlickrGalleriesf. EmbeddedSocialFeeds(Twitter,Instagram)
7. DefaultSidebar–DynamicallygeneratedandupdatedbasedonNews&Events
content:a. Categories–analphabeticallistingofallcategoriesbeingusedthroughout
thesite.The“Exclude”categorydoesnotdisplay.b. RecentPosts–displaysthe5mostrecentpostsintheNews&Eventssection
ofthesite.
8. Metadata–Providesinformationaboutthepost:a. AuthorName–IIPrecommendsthatGenericAuthornamesbeused
wheneverpossible.i.e.PublicAffairs,ConsularAffairs,U.S.Embassy[City],etc.
b. Date–thedatethatthecontentwasposted:“Day,Month,Year”format.c. Categories–Anycategorieswhichareassociatedwiththepost(“Exclude”
doesnotdisplay)d. Tags–Anytagsassociatedwiththepost.
![Page 38: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/38.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |38 DocumentVersion–2.0
9. SuggestedForYou–Recentcontentsimilartothecurrentpost.ThisisdeterminedbytheselectedCategoriesandTags
10. StandardFooter. Main Body Features and Functions Pagination
PaginationExample
1. Itemsincludedinthepagination.Thevisitormayclickthelinkstonavigatethe
section.a. Thefirstchildpageinpaginationisrequiredtobeanexactduplicateofthe
parentpage.
2. PageContent.
3. Next/Previousnavigationallowsease-of-useonmobiledevices.
4. Sidebar.
5. Paginationislimitedto10items.
![Page 39: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/39.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |39 DocumentVersion–2.0
Social Media Navigation SocialMediaisspotlightedinseveraldifferentwaysintheMissionWebsitePlatform:
1. SiteHeader.
2. SiteFooter.
3. Sidebars,whichcanbeaddedtoanypageinthesite.
Event Calendar TheMissionWebsitePlatformincludestheabilitytocreateandembedanEventCalendar:
1. OneEventCalendarmaybecreatedpersite.
2. Thecalendarmaybeembeddedwithinthemainbodyofapagebyusingtheshortcode:[CALENDAR].
3. ThecalendarmaybeembeddedinasidebarwiththeShortcodebox,usingtheshortcode:[CALENDARtype=mini].
![Page 40: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/40.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |40 DocumentVersion–2.0
Accordion
AnexampleofanaccordionusedonthePassportspage
1. AccordionsmaybeusedonDefaultpagetemplates.
2. MorethanoneAccordionmaybeusedonapage.
3. Eachpagemaydisplayupto200totalAccordionitems.
4. Accordionsareintendedtodisplaysmallpiecesofinformationthatmakesensegroupedtogether,suchasFAQs,step-by-stepinstructions,contactssortedbyregion,etc.
![Page 41: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/41.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |41 DocumentVersion–2.0
Home Page Slider
HomePageSliderexample
1. Displaysupto5items.
2. MayembedYouTubevideos.
3. ImageSize:1140x440pixels,minimum.
4. TitleLimit–60characters.
5. AnchorTextLimit–80characters.
6. DescriptionTextLimit–300characters.
![Page 42: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/42.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |42 DocumentVersion–2.0
Custom Sidebars ASidebarisaverticalcolumnthatdisplaysontherightsideofapageorpost.SidebaritemsaredesignedtoenhancetheMissionWebsitePlatformthemeandareintendedtoprovidewebmanagerswithamannerofdisplayingcontentthatiscomplementarytothemaincontentofapage.
§ Themaximumwidthofasidebaris300pixels.
§ Uptoeight(8)sidebaritemsmayappearonapage.
§ SidebarTitleLimit–60characters.
§ AnchorTextLimit–80characters.
Google Maps
• GoogleMapsmaybeembeddedonanypageorpostwithinthesite.
• Onemapembedmaybedisplayedonapageorpost.
GoogleMapSidebar
Link Lists
• LinkListsmaybeembeddedonanypageorpostwithinthesite.
• Upto4LinkListsboxesmaydisplayonanypageorpost.
• Eachboxmaydisplayupto10links.• AnchorTextLimit–80characters.
LinkListSidebar
![Page 43: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/43.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |43 DocumentVersion–2.0
Related Posts
• RelatedPostsmaybeembeddedonanypageinthesite.
• OneRelatedPostsboxmaybedisplayedonapage.
• IIPRecommendsthattheRelatedPostssidebarnotbeusedonposts.
RelatedPostsSidebar
RSS Feed
• RSSFeedsmaybeembeddedonanypageorpostinthesite.
• OneRSSFeedboxmaybedisplayedonapageorpost.
• Upto4feedsmaybeincludedinanRSSFeedbox.
• SourceTextLimit–60characters.
RSSFeedSidebar
![Page 44: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/44.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |44 DocumentVersion–2.0
Adobe Reader
• TheAdobeReadersidebarmustbeembeddedonanypageorpostinthesitethatcontainsalinktoaPDFdocument.
• OnlyoneAdobeReadersidebaritemisnecessaryapageorpost.
AdobeReaderSidebar
Social Links
• SocialLinksmaybeembeddedonanypageorpostinthesite.
• OneSocialLinksitemmaybedisplayedonapageorpost.
• NewSocialLinksareaddedasrequired,andwillbecommunicatedtothefieldwhentheyareimplemented.
SocialLinksSidebar
Textbox
• Textboxmaybeembeddedonanypageorpostinthesite.
• Upto4Textboxboxesmaybedisplayedonapageorpost.
• Textboxboxeshavea1000characterlimit(thisincludesanyHTMLtags).
TextboxSidebar
![Page 45: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/45.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |45 DocumentVersion–2.0
Textbox Image
• TextboxImagemaybeembeddedonanypageorpostinthesite.
• OneTextboxImageboxmaybedisplayedonapageorpost.
• 4Linksmaybedisplayed.• Imagesusedinthissidebaritem
mustbeaminimumof50x50pixels.• AnchorTextLimit–80characters.• DescriptionTextLimit–240
characters. TextboxImageSidebar
Textbox Image Full
• TextboxImageFullmaybeembeddedonanypageorpostinthesite.
• OneTextboxImageFullboxmaybedisplayedonapageorpost.
• 4Linksmaybedisplayed.• Imagesusedinthissidebaritem
mustbeaminimumof312x125pixels.
• AnchorTextLimit–80characters.• DescriptionTextLimit–240
characters.
TextboxImageFullSidebar
![Page 46: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/46.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |46 DocumentVersion–2.0
Twitter Feed
• ATwitterFeedmaybeembeddedonanypageorpostinthesite.
• OneTwitterFeedmaybedisplayedonapageorpost.
TwitterFeedSidebar
Facebook Feed
• AFacebookFeedorPostmaybeembeddedonanypageorpostinthesite.
• OneFacebookFeedboxmaybedisplayedonapageorpost.
FacebookFeedSidebar
![Page 47: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/47.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |47 DocumentVersion–2.0
Instagram Feed
• AnInstagramFeedmaybeembeddedonanypageorpostinthesite.
• OneInstagramFeedmaybedisplayedonapageorpost.
InstagramFeedSidebar
Flickr Feed
• AFlickrFeedmaybeembeddedonanypageorpostinthesite.
• OneFlickrFeedmaybedisplayedonapageorpost.
FlickrFeedSidebar
![Page 48: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/48.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |48 DocumentVersion–2.0
Secretary Feed
• TheSecretaryFeedisaTwitterfeedthatisautomaticallygeneratedbyIIPandmaybeembeddedonanypageinthesite.
• OneSecretaryFeedmaybedisplayedonapageorpost.
• TheSecretaryFeed’sprimarylocationwithinthesiteisontheSecretarybiopage.
SecretaryFeedSidebar
POTUS Feed
• ThePOTUSFeedisaTwitterfeedthatisautomaticallygeneratedbyIIPandmaybeembeddedonanypageinthesite.
• OnePOTUSFeedmaybedisplayedonapageorpost.
• ThePOTUSFeed’sprimarylocationwithinthesiteisontheSecretarybiopage.
POTUSFeedSidebar
![Page 49: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/49.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |49 DocumentVersion–2.0
VPOTUS Feed
• TheVPOTUSFeedisaTwitterfeedthatisautomaticallygeneratedbyIIPandmaybeembeddedonanypageinthesite.
• OneVPOTUSFeedmaybedisplayedonapageorpost.
• TheVPOTUSFeed’sprimarylocationwithinthesiteisontheSecretarybiopage.
VPOTUSFeedSidebar
Video
• AYouTubeorVimeovideomaybeembeddedonanypageorpostinthesite.
• Onevideomaybedisplayedonapageorpost.
EmbedVideoSidebar
Shortcodes
• Shortcodesareusedtoeasilydisplaycontentthatisusedthroughoutthesite,suchascontactinformation.
• Shortcodesmaybeusedonanypageorpost.• Upto4Shortcodeboxesmaybeusedonanypageorpost.
![Page 50: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/50.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |50 DocumentVersion–2.0
Forms PDF Forms PDFformsmaybeuploadedtotheWordPressMediaLibraryforusewithinthesite.AllPDFformsmustcontainanOMBnumberandexpirationdate.AdditionalguidelinesforPDFforms:
1. Wheneverpossible,linktotheoriginalformatitsoriginsite.Someexamplesoftheseformsandtheirsitesare:
a. PassportForms:http://travel.state.gov/content/passports/english/passports/apply.html
b. AdditionalACSForms:http://www.state.gov/m/a/dir/forms/c21447.htmc. VisaForms:http://travel.state.gov/content/visas/english/forms.htmld. GrantForms:http://apply07.grants.gov/apply/forms/sample/SF424_2_1-
V2.1.pdfe. EmploymentForm:
http://www.state.gov/documents/organization/136408.pdf
2. AllPDFformsshouldopeninanewbrowsertaborwindow.
3. Usersmaycreatetranslationsofselectedformsinthelocallanguage:a. TranslationsmustbeexactduplicatesoftheEnglishform,includingtheOMB
numberandexpirationdate.b. Usersmaynotaddordeleteanyfieldsintranslatedversionsofforms.
ItisimportanttonotethatalluniquePDFformsrequireareviewandmayneedapprovalfromtheOfficeofManagementandBudget(OMB)beforetheymaybeimplemented.
Online Forms OnlineformsaresupportedintheMissionWebsitePlatform.Torequestimplementationofanonlineform,e-mailthe24/7/365helpdeskat:embassy@america.gov.ItisimportanttonotethatallformrequestsrequireareviewandmayneedapprovalfromtheOfficeofManagementandBudget(OMB)beforetheymaybeimplemented.Onlineformrequestsmustincludethefollowinginformation:
1. AvalidState.gove-mailaddress,whichiswheretheformwillbesubmitted.
2. Thedestinationpagewherethevisitorwillre-directafterformsubmission.
3. Textforthedestinationpage,thisiswhatthevisitorwillseeafterformsubmission.
![Page 51: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/51.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |51 DocumentVersion–2.0
Photos Whenusedproperly,graphicscanbesuperiortotextwhenavisitorfirstentersasite.Theycanbeperceivedfasterthantextandareabletosaymorewithless.Thethreeprimaryfunctionsofagraphicare:
1. Helpvisitorsmakeadecision.
2. Communicateinformation.
3. Makecontentmorevisuallyappealing.
Itisgoodpracticenottousegraphicsextensively.Althougheffective,graphicsarenotasubstituteforwords.Inaddition,notallvisitorshavereliablehigh-speedInternetconnectionsandthesevisitorscanbecomefrustratedwhenthepagetheywantdoesnotloadquickly.
General Guidelines for Images
• Maximumfilesize:25megabytes
• Eachpageshouldbekeptsmallinsizeforeaseofviewing.
• AllimagesshouldbeuploadedtotheMediaLibrary(donotlinktoexternalimages).
![Page 52: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/52.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |52 DocumentVersion–2.0
Photo Sizes PhotosizeswithintheMissionWebsitePlatformvarydependingontheirpurpose.Thefollowingarefeaturesthatrequireaspecificimagesizeandtheirrequirements:Pages
1. HomePageSlider–1140x440pixels,minimum.
2. DefaultTemplateImageOne–450pixels,minimumheight.
3. DefaultTemplateImageTwo–200x200pixels,minimum.
4. AmbassadorTemplate–Nominimumrequired,recommendatleast200pixels
wide.
5. FeaturedEventPage–750x350pixels,minimum.
6. Image/VideoPageMainImage–750x350pixels,minimum.
7. Image/VideoPageBoxContent–360x233,minimum.
8. ListingPage–750x350pixels,minimum.
9. PeoplePage–258x258pixels,minimum.Posts UploadedasFeatureImages
1. FeaturedImage–750x350pixels,minimum.
2. ParallaxImage–750x350pixels,minimum.
a. ParallaxBackgroundField–1200x560pixels,minimum.
3. ParallaxTransparent–750x350pixels,minimum.
a. ParallaxBackgroundField–1772x827pixels,minimum.
4. FullWidthImagePost–940x439pixels,minimum.
Miscellaneous
1. Sidebar,Textbox–Nowiderthan298pixels.
2. Sidebar,TextboxImage–50x50pixels,minimum.
3. Sidebar,TextboxImageFull–312x125pixels,minimum.
4. MegamenuImage–243x115pixels.
![Page 53: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/53.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |53 DocumentVersion–2.0
Captions Captionsarerequiredonallphotos:
1. Captionsshouldprovideinformationthatenablesthevisitortofullyunderstandthe
purposeofthephotowithoutconfusion.
2. Captionsshouldberelativelyshortandtothepoint.
3. Captionsshouldrefertothepeopleorobjectsinthephotowithoutambiguity.
4. Specificinformationrequiredincaptionsvariesfromonephototothenext.
5. Thebestpracticeistoidentifypeoplefromlefttoright,unlesstheactioninthe
photodemandsotherwise.
6. Captionsshouldalwaysbetranslatedwhenplacedonalanguagesite.
NOTE:CAPTIONSDONOTDISPLAYONTHEAMBASSADORPAGEMAINIMAGEORONFEATUREDIMAGES.Caption Text Limits
1. HomePageSlider–300characters.
2. DefaultPageImage–200characters.
3. AmbassadorImage–nocaption.
4. FeaturePhotos–300characters.
5. PhotoGalleries–300characters.
6. AdditionalPhotos–300characters.
ALT Tags ALTtagsarerequiredonallimageswithinthewebsite.Thisincludesphotos,logos,drawingsorothergraphics.ALTtagsarerequiredtomeetSection508compliancestandards(SeeAccessibilityStandards–Section508,below).
1. ALTtagsshoulddescribetheimage’scontentratherthanidentifypersonsorplaces(thefunctionofthecaption).
2. CaptioninformationhaslittleornomeaningforvisuallyimpairedusersandshouldnotbeusedastheALTtag.However,usingthecaptionasanALTtagispreferabletoleavingitblank.
![Page 54: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/54.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |54 DocumentVersion–2.0
3. ALTtagsshouldalwaysbetranslatedwhenplacedonalanguagesite.NOTE:ALTTAGSDONOTDISPLAYONHOVER.THESETAGSAREINTHESOURCECODEOFTHEPAGESOTHATSCREENREADERSCANIDENTIFYTHEM.Photo Credits AccordingtoWebcontent.gov,theU.S.FederalGovernment’ssiteforofficialwebpublishingguidance,“…whenanorganizationusesorduplicatesinformationavailablefromtheprivatesectoraspartofaninformationresource,product,orservice,theorganizationmustensurethatthepropertyrightsoftheprivatesectorsourceareadequatelyprotected.Theseprotectionsapplytoanymaterialpostedtofederalpublicwebsites,suchasdocuments,graphics,oraudiofiles.”PhotocreditsinU.S.MissionwebsitesarerequiredintheALTtagofthephotograph.Forexample:“Manstandingatpodium(StateDept.)”or“AudienceMembers(APPhotos)”.Itisstronglyrecommendedthatanyphotoover200x200pixelscontainaphotocreditembeddedwiththeimage.NOTE:ONLYPHOTOGRAPHSMUSTHAVECREDITINFORMATION.LOGOS,DRAWINGS,OROTHERGRAPHICSDONOTREQUIREUSEOFAPHOTOCREDIT.Photo Tips
1. Besurethatallimagesaresizedcorrectlyfortheirpurpose.
2. Alwaysresizeimagesinanimage-editingprogramintheiroriginalformat.
3. Settheresolutionto72dpi.Higherresolutionwillnotprovideasharperpicture,justalargerfile.
4. ProvideanALTtagforallphotos.
5. Includethecreditinformationforallphotos.
6. Selectthecorrectfiletypeformaximumoptimization:a. Photos-.PNG,.JPG(.JPEG),or.GIFb. Images-PNG,.JPG(.JPEG),or.GIF
![Page 55: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/55.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |55 DocumentVersion–2.0
Useful Information
1. GIFsarebestforflatcolorimageswithnogradients.
2. GIFsprovidethelowestfilesizeforimagesthathaveflatcolorsandnoblends.Theycanalsohavetransparentbackgrounds.
3. PhotoscanbesavedaseitherPNGsorJPEGs.PNGphotostendtohavelargerfilesizesthanJPEGphotos.
4. Therearethree(3)typesofPNGformats:PNG8,PNG24,andPNG32.PNG32istheformatfortransparencyandwillsometimesyieldahigherfilesizethanPNG8orPNG24.
5. PNG32offersthebestoptionforanyimagesrequiringatransparentbackground.Tables Tablesareawaytovisuallydisplayinformationinalogicalandeasy-to-understandformat.However,misuseoftablescanwreakhavoconassistivetechnologywhenrenderinglargeamountsofdata.Ifnotproperlylabeledandcaptioned,thenon-visualreaderoftengetsgarbledandconfusinginformation.NOTE:INTHEU.S.MISSIONWEBSITEPLATFORM,TABLESSHOULDBEUSEDONLYTOPRESENTINFORMATIONAL,STATISTICALDATAANDMUSTBESECTION508COMPLIANT.TheScopeattributeistheeasiestwaytocreatetablesthatarecompliantwithSection508AccessibilityStandards.COLSPANandROWSPANaretheattributesthatprovideameanstorelategroupsofrelatedinformationinaconsistentmannerandtheyareenabledforassistivetechnology.Scope Attribute TheScopeattributenotifiesthebrowserandscreenreaderthateverythingunderthecolumnisrelatedtotheheaderatthetopandthateverythingtotherightofherowheaderisrelatedtothatheader.
Tomaketabulardatamoreaccessible,assign“scope”totableheaders.
1. Usescope=”col”attributeinthe<th>or<td>tagofeverycellinaheaderrow.
2. Usescope=”row”attributeinthe<th>or<td>tagofeverycellinaheadercolumn.
NOTE:ONLYUSETHESCOPEATTRIBUTEINTHEHEADERCELLS(CELLSATTHETOPORLEFTINTHETABLE).
![Page 56: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/56.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |56 DocumentVersion–2.0
Table Summaries Anothermethodofenhancingvisuallyimpairedvisitorsexperiencewithtablesistoincludeacaptionandasummaryofthetabledata.
• Anytextenteredintothecaptionfieldisdisplayedabovethetableandreadaloudbyscreenreaders.
• Anytextenteredintothesummaryfieldwillnotbedisplayed,butwillbereadaloudbyscreenreaders.
![Page 57: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/57.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |57 DocumentVersion–2.0
Sample Coded Table Belowisanexampleofaproperlycodedtable:
508Accessibility
Term Definition
AccessibleDesigns AccessibleDesignsallowasmanypeopleaspossibletousetechnologyregardlessofdisability,age,orfunctionallimitation.
AccessibleVideo Accessiblevideoisasynchronizedmultimediafilewithatextequivalent.
<tableborder=“1”align=“center”summary=“AbrieflistingoftermsanddefinitionsforSection508accessibility”><caption>508Accessibility</caption><tr><thscope=“col”>Term</th><thscope=“col”>Definition</th></tr><tr><tdscope=”row”>AccessibleDesigns</td><td>AccessibleDesignsallowasmanypeopleaspossibletousetechnologyregardlessofdisability,age,orfunctionallimitation.</td><tr><tr><tdscope=”row”>AccessibleVideo</td><td>Accessiblevideoisasynchronizedmultimediafilewithatextequivalent.</td><tr></table>
![Page 58: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/58.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |58 DocumentVersion–2.0
User Friendly Pages User-friendlypagesaredesignedsothatnothinginterfereswiththevisitor’sabilitytogetandunderstandthecontent.Apagethatisslowtoload,hasdistractingandunnecessarygraphics,requiresconsiderablescrolling,ordeviatesfromthecommonlookandfeelareallobstaclesthatvisitorsmustnavigatebeforegettingthecontenttheyneed.Creating User Friendly Pages
1. Pagesshouldbesmallinsizesothattheydownloadquicklyevenoverlowbandwidthconnections.Longerpagesshouldbebrokenupintoseveralshorterones.
2. Thenumberandsizeofimagesshouldbekepttoaminimum.
3. Noimageorvideoshouldbelargerthan25megabytes.File and URL Naming Conventions FilenamesandURLsshouldbeinlowercaseandshouldnotcontainanyspacesorspecialcharacters.LanguageURLsshouldbecreatedinEnglish.Thisisespeciallyimportantinnon-Latincharacterlanguages.AnexampleoftheAmbassadorpageURLinArabicis:https://xx.usembassy.gov/ar/our-relationship-ar/ambassador-ar/External Links LinkstoexternalpagesfromtheU.S.MissionWebsiteplatformshouldalwaysopeninanewbrowsertaborwindow.Thismakesitcleartovisitorsthattheyareaccessingdifferentwebsite.Domain Names DomainnamesarecreatedwiththeofficialISOcountrycode(twoletters).Someexamplesinclude:
1. U.S.Embassy(andConsulates)Website:https://xx.usembassy.gov
2. U.S.ConsulateOnlyWebsite:https://xx.usconsulate.gov
3. U.S.InternationalOrganizationMissions:https://xxxx.usmission.gov
4. U.S.VPPs:https://xx.usmission.gov
![Page 59: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/59.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |59 DocumentVersion–2.0
Language Content Display TheMissionWebsitePlatformusesthePolylangplugintodeliverlanguagecontenttovisitors.ThispluginenablesIIPtosupportbothFullandPartialLanguageversionsofcontentforendusers.UsersmaytranslateasmuchoraslittlecontentastheydesireandhavetheresourcestomaintainandIIPofferstwooptionsforLanguagecontent.OptionOneiswhatIIPreferstoas“FULL”LANGUAGE.Simplyput,thismeansthattheLanguagecontenthasatranslatedHomepage.OptionTwois“PARTIAL”LANGUAGEandisintendedforusebyPostswhodonothavetheresourcestokeepacurrenttranslatedversionoftheHomepage.AllsitesthatofferadditionallanguagesarerequiredtohavetheLanguagedropdownintheupperrightcorneroftheheader.
• InFULLLANGUAGEsites,thedropdownwilllinktothecorrespondingHomePage.
• InPARTIALLANGUAGEsites,thedropdownwilllinktotheLanguage’ssitemap.
SYSTEMPAGESmustalwayshavetranslatedversionsavailableforvisitors.Theseinclude:
1. Privacypage
2. Sitemappage
3. SocialMediaPropertiespage
![Page 60: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/60.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |60 DocumentVersion–2.0
Content and Maintenance IIPdoesnotreviewthecontentofU.S.MissionWebsitepages;thisistheresponsibilityoftheindividualwebmanagerswhocreateandpublishthem.However,thecontentofanyU.S.Mission’swebsitepagecontributestowardtheperceptionoftheDepartmentofState.Forthisreason,weprovidethefollowingguidelines:
1. Informationpublishedshouldbeasaccurateandup-to-dateaspossible.
2. Missionsshouldonlypublishmaterialsthattheyhavethecapacitytomaintain.Maintenanceincludeskeepingtheinformationoneachwebpageuptodateandarchivingorpurgingoutofdatecontent.
3. EachMissionshouldhaveaclearlyunderstoodprocesswheredesignatedindividualsperiodicallyreview,maintainandupdatethecontentofthewebsite.
4. Eachmissionwebsiteshouldhaveacontacttowhomvisitorscansendcontentcorrections,updates,orquestions.
5. Contentforthewebcanbegreatlyimprovedthroughappropriatewritingstyleandformatting.Basicrecommendationsinclude:
a. Contentthatvisitorsareexpectedtoreadonlineshouldbedividedintoshortsectionsandprovidedwithheadingsthatallowadocumenttobescannedeasily.
b. Contentshouldcontainextensivecross-referencedlinkstomakeiteasytofindrelatedinformation.
c. Textformattingsuchasboldoritalicsshouldbeusedsparinglytohighlightkeywordsorphrases,makingthemeasiertofind.
![Page 61: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/61.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |61 DocumentVersion–2.0
Accessibility Standards What is Section 508? Section508isaU.S.lawthatrequiresgovernmentagencies,andinstitutionsreceivingfederaldollars,toensurethatallelectronicandinformationtechnologyapplicationsareaccessibletoindividualswithdisabilities.Tolearnmore,goto:http://www.section508.gov/.
Section508oftheRehabilitationActof1973wasenactedto:
§ Eliminatebarriersininformationtechnology.
§ Createnewopportunitiesforpeoplewithdisabilities.
§ Encouragedevelopmentoftechnologiesthatwillhelpachievethesegoals.Thescopeofsection508andtheAccessBoardstandardsarelimitedtotheFederalgovernment.Web Accessibility Initiative (WAI)
§ WascreatedbytheW3Cin1997.§ Isasetofguidelinescreatedtoassistwebdevelopers,programmers,anddesigners
inmakingwebcontentaccessibletopeoplewithdisabilities.§ http://www.w3.org/WAI/
Barrier to Access Section508addressesaccessibilityforpeoplewhohave:
§ Visualdisabilities
§ Hearingdisabilities§ Motordisabilities
§ Speechdisabilities
§ CognitivedisabilitiesSimplyput,accessiblewebsitesposenobarrierstothedisabled.Theinformationandfunctionalitycontainedinthewebsiteorapplicationarejustasaccessibletopeoplewith
![Page 62: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/62.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |62 DocumentVersion–2.0
disabilitiesastheyaretopeoplewithout.Therearemorethan750millionpeoplelivingwithdisabilities.
AsusersbecomemoredependentontheInternetforinformationandservices,itiscriticalthatthewebbeusablebyeveryone.Itisnotonlytherightthingtodo,it'sthelaw;in1998CongressamendedtheRehabilitationActtoincludeSection508.Web Content Accessibility Guidelines (WCAG)
§ QuickReferenceGuide(http://www.w3.org/WAI/WCAG20/quickref/)§ GuidelineChecklist(http://www.w3.org/TR/2006/WD-WCAG20-
20060427/appendixB.html)
Accessible Design
§ Allowsasmanypeopleaspossibletousetechnologyregardlessofdisability,age,orfunctionallimitation.
§ Benefitseverybodybyenhancing:
o Usability
o Deviceindependenceo Globalization/localization
Unique Page Title Everypageofthewebsiteshouldhaveauniqueandmeaningfulpagetitle.Heading Tags – Proper Use Usingheadingtagstostructurethecontentonawebpagewillnotonlyprovidecontextforscreenreaderusers,butalsoenablethemtoskimthroughapage.
§ ThetemplatesuseLevel1headings<H1>forpagetitles.
§ UseLevel3headings<h3>forsectiontitles.
![Page 63: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/63.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |63 DocumentVersion–2.0
Accessible Video Useofmultimediacontentonthewebisgrowing,andtheplatformoffersPostwebmanagersexpandedmultimediacapabilities.ItisimportantforWebdeveloperstoaddressusabilityneedsnow.
Guideline(b)oftheAccessBoardstandardsstates:“Equivalentalternativesforanymultimediapresentationshallbesynchronizedwiththepresentation.”
Theword"synchronized"iskey.Itispossibletocreateaseparatefilewiththetextofthecontentsofanaudiofileoradetaileddescriptionofavideooranimation.However,tocomplywithsection508,themultimediafilesmustbesynchronizedwithatextequivalent.
Captioning and Transcripts Thetwotypicalmethodsofprovidingamultimediaalternativearecaptioningandtranscripts.Providecaptioningforvideofilesandtranscriptsforaudiofiles.Althoughatranscriptisn’tsynchronized,usethismethodforaudiofilessinceaudioistechnicallyone(notmulti)media.
Captioning:Captioningistheon-screentextualpresentationofaudiomaterialsuchasspokendialogue.Unlikesubtitles,captionshavetheoptionofbeingturnedonoroff.
Captioning Advantages
§ Besidesaidingthosewithhearingloss,captionsalsohelppersonswithhearingdisabilities.
§ Increaseslearningandretention.§ Helpsincreaseliteracy.
§ Aidsinlearningasecondlanguage.
§ Facilitatestheconveyanceofaudiocontentinenvironmentsthatarenoisy(e.g.,aquietlibraryornosoundcardorspeakers).
![Page 64: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/64.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |64 DocumentVersion–2.0
Tips for Captioning Themethodusedtoactivateanddeactivateaccessibilityfeaturessuchasaudiodescriptionsandcaptionsshouldbeintuitivetoapersonrequiringthatfeature.
§ Closedcaptioning:Thetextequivalentoftheaudiomaterialisplacedonaseparatechannelsouserscanturnitonandoff.Usethisformatwheneverpossible,sinceitallowsuserstodecidewhetherornottodisplaycaptions.
§ Opencaptioning:Embedsthetextpermanentlyonthesamelayerasthevideosignal,soitcannotbeturnedoff.
Accessible PDF Documents PDFdocumentsmustbetaggedforaccessibility,andthelatestversionsofAdobeAcrobatXPro,willautomaticallycreateaccessiblePDFsfromcommonfiles(.doc,.docx,.html).AdobeAcrobatXProalsoallowsuserstoupdateexistingPDFstomakethemaccessible,althoughcurrentlythereisnorequirementforpoststoupdateolderversionsofPDFdocuments.However,makingthemaccessiblewillalsomakethemsearchable.
§ Alldocumentswillhaveauniquepagetitleinthepropertiessettings.
§ Languagemustbedesignatedinthepropertiessettings.§ Documentmustbetextbased,notscanned.
§ Allimagesmustbetagged.
§ WhenapagecontainsalinktoaPDF,thelinktodownloadtheAdobePDFReadersmustalsobeonthatpage.
§ PDFsshouldbeidentifiedandthefilesizeshouldbeannotated[ex:DSForm160(PDF,172KB)
![Page 65: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/65.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |65 DocumentVersion–2.0
Appendices Appendix A – Glossary
Term Definition
ACCESSIBLEDESIGNS
AccessibleDesignsallowasmanypeopleaspossibletousetechnologyregardlessofdisability,age,orfunctionallimitation.
ACCESSIBLEVIDEO
AccessibleVideoisasynchronizedmultimediafilewithatextequivalent.
ADMINISTRATOR Administratorscanaccessalltheadministrationfeatureswithinasinglesite.
ALTTAGS ALTTagsdescribeanimage'scontentratherthanidentifyingpersonsorplaces.
AUTHOR Authorscreate,edit,delete,andpublishtheirownposts,aswellasuploadfiles.
BLOG Ablogisafrequentlyupdatedonlinecollectionofposts…short,informal,sometimescontroversial,andsometimesdeeplypersonal…withthefreshestinformationatthetoppersonaljournalordiary.Blogisashortformforthewordweblogandthetwowordsareusedinterchangeably.
BLOGROLL Ablogrollisalistingofwebsitesthatoftenappearaslinksonweblogs.Thislistoflinksisusedtorelatethesiteowner'sinterestinoraffiliationwithothersites.
CAPTIONS Captionsprovideinformationthatenablesthevisitortofullyunderstandthepurposeofthephotowithoutmisleadingorconfusingthem.
CAPTIONINGANDTRANSCRIPTS
CaptioningandTranscriptsaremethodsofprovidinganalternativemeansofaccessingmultimediacontentbyprovidingcaptioningforvideofilesandtranscriptsforaudiofiles.
CATEGORY EachpostinWordPressisfiledunderacategory.Thoughtfulcategorizationallowspoststobegroupedwithothersofsimilarcontentandaidsinthenavigationofasite.PleasenotethepostcategoryshouldnotbeconfusedwiththeLinkCategoriesusedtoclassifyandmanagelinks.
CD-ROM CompactDisks-ReadOnlyMemory
CLOSEDCAPTIONING
ClosedCaptioningisthetextequivalentoftheaudiomaterialthatisplacedonaseparatechannelsouserscanturnitonandoff.
COLORPALETTE AColorPalettecontainsaselectionofcolorsthatcanbeextremelyeffectiveforcreatingperceptualeffects.Alsocanreinforcethelayout,allowinganincreasedcomprehensionforthevisitor.TheDepartmentofStateusesaprimarycolorpaletteaswellasagrayscalepalette.
![Page 66: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/66.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |66 DocumentVersion–2.0
Term Definition
CONTENT Contentconsistsoftext,images,orotherinformationsharedinposts.Thisisseparatefromthestructuraldesignofawebsite,whichprovidesaframeworkintowhichthecontentisinserted,andthepresentationofasite,whichinvolvesgraphicdesign.AContentManagementSystemchangesandupdatescontent,ratherthanthestructuralorgraphicdesignofawebsite.
CONTRIBUTORS Contributorscreate,edit,anddeletetheirownpostsbutcannotpublishthem.
CSS CascadingStyleSheets
CSS ContentSupportSystems
DESIGNSTANDARDS
DesignStandardsaretoensureconsistency,offerasenseofplacewithinthesite,andsupportimplicitassociationbetweenthebrand(U.S.DepartmentofState)andtheprovidedsource(Embassy,Mission,Consulate,etc.).Designstandardsensurethattheuserknowswhattoexpect,howthesitewilllook,wheretofindeverything,andaswellashoweverythingworks.
DOMAINNAMES Domainnamesareanorganization’suniquespaceontheInternetoralsoreferredtoasyourwebsitesaddress.
DOS DepartmentofState
DROPDOWN ADropdownisamenuofoptionsthatappearsbelowtheitemwhenthecomputeruserclicksonit.Visitorsdonotneedtonavigatetoanewpageinordertoviewthemenu.
EDITORS Editorscanpublishandmanagepostsincludingthepostsofotherusers.
EMBASSYTEMPLATES
EmbassyTemplatesareamodelorstandardcreatedtoprovideacommonlookandfeelforallmissionwebsites.
EXTERNALLINKS ExternalLinksarelinks(URLs)toexternalpagesthatarenotapartofthewebsite.Externallinksmustopenupinanewwindow.
FEATUREDIMAGE AFeaturedImageisanimageorthumbnailthatisgraphicallyrepresentativeofapost(i.e.,animageofadogorcatonapagededicatedtoadoptingananimal.Featuredimagesareonlyusedinblogrolls.TheSagethemesupportsuptothree(3)featuredimagesperpost.
FILENAMINGCONVENTION
AFileNamingConventionisastandardofnamingfileswhensavingthem.Filenamesshouldbealllowercase,andnotcontainanyspacesorspecialcharacters.
FLIPBOXES FlipBoxesaregreatforgrabbingtheuser’sattentionandaddingsomeinteractionwithasite’scontent.Flipboxeshavefullycustomizablecontentonthefrontandbacksideandcanspin,rotate,flip.Putatitleonthefrontandbackside,addbuttonstothesite’scontentandtheboxheightwillextendbasedontheamountofcontentused.Customizethebordersize,borderradiusandhavefullcontroloverthefrontandbacksidecolors.
GALLERY AGalleryisspecificallyanexpositionofimagesattachedtoapost.
![Page 67: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/67.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |67 DocumentVersion–2.0
Term Definition
GLOBALNAVIGATION
GlobalNavigationisthemainhorizontalsitenavigationthatappearsthroughouttheentiresite.Itcontainsasetofdropdownmenuslocatedatthetopofeachpagethatallowsuserstoseeallpageswithineachsectionofthewebsite.
GRAPHICS Graphicsarephotographsorvisualpresentations.
HEADINGTAG AHeadingTagisawayofstructuringthecontentonyourpagesotheusercanquicklyskimthroughthepage.
HTML HypertextMarkupLanguage
IIP BureauofInternationalInformationPrograms
INDEXPAGE AnIndexPageshowcasesthecriticalcontentandlinks,whichmaybeusefultotheaudience.
INFORMATIONARCHITECTURE
InformationArchitectureistheorganizationandeffectivestructureofawebpage.TheEmbassy’sstructureiscomprisedoffour(4)mainareas,andthenbrokendownintosub-groupsthatbetterassisttheuserinfindingspecificinformation.
INTERNALPAGES Internalpages:presentcontenttothevisitorthattheyhavebeensearchingfor.Thesearethepageswithinyourwebsite.
LAYOUTTEMPLATES
Layouttemplatesareavailableinapagelayout'sdisplaytab.PageLayoutTemplatesprovidedifferentplansordesignsavailabletoformatthecontentofthepage.
LISTINGPAGE AListingPageisapagethatprovidesthecontentinalistlayout,allowingthepublishertopresentlargeamountsofcontenttothevisitoreffectively.Listingpagesareoftenusedtoprovidealistofhyperlinkedtitlesdirectingsitevisitorstocontentsuchaspressreleases,speeches,orwardenmessages.
LOCALNAVIGATION
Local(left)Navigationprovideslinksforthecurrentlevelwithinthesitehierarchyandafastrouteforvisitorstogettothecontentinwhichtheyaremostinterested.
MAINCONTENTAREA
AMainContentAreacontainscontentspecifictothesection.Themaincontentareaisexpandableandcansupportsmall,medium,andlargeamountsofcontent.Thisisthefocuspointofthepage.
MORELINKS MoreLinksisanoptionaladditiontoallfeatureboxes;thisallowsaposttoguidevisitorstothecompletelistortoprovidefurtherassistancetocompleteatask.
MWP MissionsWebsitePlatform
OFFICIALBANNERS
OfficialBannersaretheofficiallabelingforallEmbassiesundertheDepartmentofState.ThisheaderisoneofthebrandingelementsoftheDepartmentofState.
OFFICIALSEALS OfficialSealsarethesymboloftheU.S.DepartmentofState,onethatisrecognizedandrespected.Ithelpslinkallwebsitesinthevisitorsmindandisabadgeofcredibility.
![Page 68: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/68.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |68 DocumentVersion–2.0
Term Definition
OMB OfficeofManagementandBudget
ONLINEFORMS OnlineFormsareformsthatareavailablethroughawebsiteviatheInternet.
OPENCAPTIONING
OpenCaptioningembedsthetextpermanentlyonthesamelayerasthevideosignal,soyoucannotturnitoff.
PAGES APageisoftenusedtopresent"static"informationaboutaneventorsite.AgoodexampleofaPageisinformationplacedonanAboutPage.APageshouldnotbeconfusedwiththetime-orientedobjectscalledposts.Pagesaretypically"timeless"innatureandlive"outside"yourblog.
PDF PortableDocumentFormat
PHOTOCREDITS PhotoCreditsarewhenanorganizationusesorduplicatesinformationavailablefromtheprivatesectoraspartofaninformationresource,product,orservice,theorganizationmustensurethatthepropertyrightsoftheprivatesectorsourceareadequatelyprotected.Asapublisher,thismeanscreditmustbegiventotheorganizationthatthephotoorinformationisduplicatedfrominthefilescaptionorheadline.
PORTAL APortalisanentranceoraccesstosomethinglarger.
POSTNEWS/RSSFEEDS
PostNews/RSSFeedsarearticlestodisplayaheadlineandbriefdescription.ThesearedisplayeddirectlytotherightoftheHomepageslideshow.TheycanbecreatedbytheembassyordisplayedusinganRSSFeed.AnRSSFeedisamethodofpullingnewsfromonlinepublishersandpostingitonyoursite,providingfreshcontenttoyourusers.
POSTS Postsarethoseitemsthatusuallycontainsemanticallyandchronographicallyarrangedinformation.Alsoknownas“articles”andsometimesincorrectlyreferredtoas“blogs”.InWordPress,“posts”arearticlesthatarewrittentopopulatethewebsite.
PRIVACYNOTICEANDDISCLAIMER
APrivacyNoticeandDisclaimerisastatementthatdescribeshowuserinformationmaybetrackedaswellaswhatisdonewithinformationcollectedfromusers.Federalwebsitesmustincludeaprivacypolicystatement,evenifthesitedoesnotcollectanyinformationthatresultsincreatingaPrivacyActrecord.
READABILITY Readabilityisahighqualitywritingthatiseasytounderstandandread.
RSS RichSiteSummary,oftencalledReallySimpleSyndication,isaformatforsyndicatingmanytypesofcontent,includingblogentries,torrentfiles,videoclipsonnews-likesites;specificallyfrequentlyupdatedcontentonawebsite,andisalsoknownasatypeof"feed"or"aggregator".AnRSSfeedcancontainasummaryofcontentorthefulltext,andmakesiteasierforpeopletokeepuptodatewithsitestheylikeinanautomatedmanner.AlsofrequentlyknownasRichSiteSummary.
SAMI SynchronizedAccessibleMediaInterchange
SCHEMA ASchemaisanorganizationorlayoutofconceptsandactions.
![Page 69: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/69.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |69 DocumentVersion–2.0
Term Definition
SCOPEATTRIBUTE
AScopeAttributetellsthebrowserandscreenreaderthateverythingunderthecolumnisrelatedtotheheaderatthetop,andeverythingtotherightoftherowheaderisrelatedtothatheader.
SECTION508 Section508requiresgovernmentagencies,andinstitutionsreceivingfederaldollars,toensurethatallelectronicandinformationtechnologyapplicationsareaccessibletoindividualswithdisabilities.Iteliminatesbarriersininformationtechnology,createsnewopportunities,andencouragesdevelopmentofnewtechnologies.
SHARE AShareenablesvisitorstoeasilyspotlightcontentfromthesiteontheirpersonalFacebook,Digg,andothersocialmediaoutletswithasimpleclickofthemouse.
SIDEBAR ASidebarisaverticalcolumnprovidedbyathemefordisplayinginformationotherthanthemaincontentofthewebpage.Themesusuallyprovideatleastonesidebarattheleftorrightofthecontent.Sidebarsusuallycontainelementsthatauserofthesitecancustomize.
SLIDER ASliderisawebpageelementusedtohighlightagroupofselectedposts.Thesliderdisplaysonepostatatime,transitioningfromonetothenextautomaticallyorattheclickofabutton.Often,thesliderlookslikeafancyslideshowlocatednearthetopofthesite.
SMIL SynchronizedMultimediaIntegration
STANDARDFOOTER
StandardFooterisabrandedelementoftheDepartmentofState,locatedatthebottomofeachpage.Thestandardfootercontainstheofficialdisclaimer,globalnavigationlinks,andlinkstomultimediapages,communityoutreachpages,FAQs,sitemap,andprivacystatements.ItmayalsoprovidelinkstoUSGandpartnersites,andotherUSGsitesinthecountry.
SUPERADMINISTRATOR
SuperAdministratorscanaccesstothesitenetworkadministrationfeaturesandallotheradministrationsfeatures.
TABBEDAREAS TabbedAreas(ContentChannel)offersembassiestheabilitytodisplaymultiplekeyembassyprogramsandpartnershipswithouttakingawayfromthedailycontent.
TABLES Tablesarechartsusedtodisplayinformal,statisticaldata.
TABLESUMMARY TableSummariesareacaptionthatincludesashortsummaryoranalysisoftheimportantinformationinatable.Thisishelpfulforreaderswithdisabilities.
TAG ATagisakeywordthatdescribesallorpartofaPost.ThinkofitlikeaCategory,butsmallerinscope.APostmayhaveseveraltags,manyofwhichrelatetoitonlyperipherally.TagscanbecreatedontheflybysimplytypingthemintotheTagfield.Bydefault,tagscanbeassignedonlytothePostandcustomposttypes.
OftenpeopleconfuseTagsandCategories.Categoriesgenerallydon'tchangeoften,whileTagsusuallychangewitheveryPostandareclosertothetopicofthePost.
![Page 70: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/70.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |70 DocumentVersion–2.0
Term Definition
TEMPLATE ATemplateisafilethatdefinesanareaofthewebpagesgeneratedbyatheme.Forexample,thereistypicallyatemplatefortheheaderareaatthetopofthewebpages,atemplateforthecontent,atemplateforthesidebars,andsoon.Thetemplatesarelikebuildingblocksthatmakeupthecompletewebpage.
TERMSOFLANGUAGE
TermsofLanguagearewhetherauserismonolingual,bilingual,ormultilingual.
THEME AThemeistheoveralldesignofasiteandencompassescolor,graphics,andtext;aThemeissometimescalledtheskin.ThedefaultthemeforthisWordPressprojectistheSagetheme.
TRANSLATION TranslationenablesthewebmanagertolinkdirectlytoacorrespondingLanguagetranslationofthecontent.
TYPOGRAPHY Typographyisthetechniqueofarrangingverbalandvisualcommunicationinaneffectway.
URL UniformResourceLocator
USERFRIENDLYPAGES
User-friendlypagesaredesignedsothatnothinginterfereswiththevisitorgettingtothecontentandallcontentiseasilyfoundandaccessible.
WAI WebAccessibilityImitative.CreatedbytheW3Cin1997,itisasetofguidelinescreatedtoassistwebdevelopers,programmers,anddesignersinmakingwebcontentaccessibletopeoplewithdisabilities.
W3C WorldWideWebConsortium
WEBMANAGER WebManageristhepersonwhomaintains,updates,andmanagesthecontentofthesite.
WIDGET Widgetsareindependentsectionsofcontentthatcanbeplacedintoanywidget-enabledareaprovidedbythetheme.Widget-enabledareasarecommonlycalledSidebarsandareusuallylocatedintherightorlefthandcolumns.However,widgetscanbelocatedvirtuallyanywherewithinthesitedependingonthecurrenttheme.
![Page 71: Embassy Website Modernization Publishing Standards...hosting of a centralized multilingual content management system to streamline the creation and delivery of high quality information](https://reader035.vdocument.in/reader035/viewer/2022070720/5ee0c3e9ad6a402d666be174/html5/thumbnails/71.jpg)
InternationalInformationPrograms-IIP/PL/DIU.S.MissionsWebsitePlatformPublishingStandards
U.S.DepartmentofState–IIP/PL/DILastUpdated:06/03/2016 P a g e |71 DocumentVersion–2.0
Appendix B – Additional Services and Information Customer Support Services TheOfficeofDigitalHelpDeskprovides24/7/365customersupportforallusersoftheU.S.MissionsWebsiteplatform.Allrequestsfortechnicalassistanceorsiteupdateservicesmustbesentto:embassy@america.govsothatamemberofoursupportteamcanassistassoonaspossible.
ThenatureoftheplatformmakesiteasyforourteamtostepinandassistifthereisasituationatPostthatpreventsthelocalteamfromupdatingthewebsite.Weofferlong-termsupportservicesandwillbehappytoprovideadditionalinformationtoanyinterestedusers.Pleaseemailthehelpdeskat:[email protected].
Training Services Trainingservicesavailabletoourusersinclude:
§ OnlineTraining–Thistrainingtypicallytakestwo(2)hoursadayforthree(3)days.Itisintendedforfirst-timeplatformusersorforPostswhoaremigratingintothelatestversionoftheplatform.
§ RefresherTraining–ThistrainingisintendedforUserswhopreviouslytookthetrainingandneedtoreacquaintthemselveswithfeaturesandfunctionality.Italsotakesapproximatelytwo(2)hourspersessionandthenumberofsessionsisnegotiatedwiththetrainingteam.
§ Tutorials–Thisoptionallowstheusertosetthetrainingagenda.Atutorialsessioncanbeasshortas30minutesandlastupto2hours.Iftheuserneedsaquickoverviewofaparticularfunctionoftheplatform,thisisagreatoption.
§ RegionalWorkshops–RegionalWorkshopsarescheduledbasedonthemigrationscheduleandbudgetavailability.AttendanceataworkshopisbyinvitationonlyandistypicallydeterminedbytheRegionwheretheworkshopisheldandthemigrationschedule.
Torequesttrainingservices,simplye-mailourhelpdeskat:[email protected].