TYPO3 Experts/ Professionals. Hire Miracle Studios for your TYPO3 Project

TYPO3 is a free and open source web content management framework based on PHP. It can run on several web servers, such as Apache or IIS, on top of many operating systems, among them Linux, Microsoft Windows, MAC OS and more.


TYPO3 is an extremely flexible CMS platform. It has the ability to be extended by new functions and that also without any coding. It is available in more than 50 languages and has a built-in localization system. Localized websites have sown highest conversions and TYOP3 extends this capability with built in localizations. In other words you can say that is supports content publishing in many languages.


It is counted in the league as WordPress, Joomla and other well-known CMS platforms. It has a three fold advantage of being rich in features, scalability, and highly mature in functioning; it is used to build and manage a large range of websites. Ranging from small sites for individuals to non-profit organizations. It is categorized as a enterprise level content management system.


TYPO3 Association


Because TYPO3 is open source its success is highly dependent on the community and association backing it. The TYPO3 association is the heart behind the CMS success. It is the official representative body of TYPO3.


Creating Accessible Lists in TYPO3


TYPO3 has you have read, is a great CMS. In this post we will be covering how to create accessible lists in TYPO3. We have a team of extremely talented TYPO3 developers who have a depth of information and expertise to work on TYPO3.


An accessible website is the best way to leverage your website for more conversions and high traffic. During our research we found a great article on TYPO3.org, the official website for TYPO3.


Here’s an excerpt:


List menus


If we want to build accessible menus the <ul> list is the right choice. A <ul> list offers the possibility to have nested levels which semantically reflect the structure of your website. And for all of us who didn´t graduate in linguistics this simply means the tags we are using should go together with the content wrapped by these tags. A menu is a list of the pages you have in your website and <ul> is the tag you use to indicate: “I am a list”.


<ul> <!– 1st level –>

<li><a href=”me.html”>about me</a> <!– 1st level 1st branch –>

<ul> <!– 2nd level –>

<li><a href=”house.html”>my house</a></li>

<li><a href=”car.html”>my car</a></li>

<li><a href=”boat.html”>my boat</a></li>



<li><a href=”company.html”>about my company</a> <!– 1st level 2nd branch –>


<li><a href=”desk.html”>my desk</a></li>

<li><a href=”computer.html”>my computer</a></li>

<li><a href=”secretary.html”>my secretary</a></li>







Although we use text for the links we should also use the title tag to give additional information what the visitor can expect on the pages.


From the point of usability the list entry of the page where you currently are should not be linked. Otherwise a web reader would read this as normal link and the visitor might expect another page in the list.


Adding design


With CSS you can make designs for <ul> lists which don´t need to fear comparison with graphical menus. The fact that you can style the <li> tag and the <a> tag gives you a wealth of possibilities to build designs far beyond a change of the link color on mouse over. Together with the different link states you can define in Typo script you have a variety of options to add visual guides for graphical browsers to your menus.


Improving accessibility


Now back to the order numbers that would not only be nice to have but make <ul> list menus really accessible.


Although a list menu already reflects the structure of a website if you imagine you have a really huge website with many branches and all have some sub levels it is still difficult to get an overview. In the linearized presentation of a text browser or a web reader you still can´t distinguish the branches and levels because the list is just displayed from top to bottom without any hint where a sub level ends or the next branch starts. This disadvantage of unnumbered lists can be compensated by the usage of order numbers and the <dfn> tag. <dfn> is logical markup and it has the meaning: “this is a definition”. In a <ul> menu structure the <dfn> is used to define order numbers for the list items considering their position in the hierarchical structure.



<li><a href=”me.html”><dfn>1: </dfn>about me</a>


<li><a href=”house.html”><dfn>1.1: </dfn>my house</a></li>

<li><a href=”car.html”><dfn>1.2: </dfn>my car</a></li>

<li><a href=”boat.html”><dfn>1.3: </dfn>my boat</a></li>



<li><a href=”company.html”><dfn>2: </dfn>about my company</a>


<li><a href=”desk.html”><dfn>2.1: </dfn>my desk</a></li>

<li><a href=”computer.html”><dfn>2.2: </dfn>my computer</a></li>

<li><a href=”secretary.html”><dfn>2.3: </dfn>my secretary</a></li>






At, Miracle Studios, you can hire expert developers for full time, part time or freelancers. We offer turnkey packages, on-demand custom solutions, and more at great costs! We have been established in Chandigarh , IT park since 2004 and are the company of choice for many organizations who are looking for a wide array of development talent under one roof. Our developers have expertise in TYPO3. If you are looking for a vendor for TYPO3 services, contact us now.


2962 1 Views Today